/* VERDOS Cloud — Gemeinsame Styles fuer alle Tools */

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CSS Variablen (Light Mode) */
:root {
    --primary-blue: #253081;
    --primary-blue-light: #3a4599;
    --primary-blue-dark: #1a2260;
    --secondary-gray: #95979a;
    --bg-light: #f5f7fa;
    --bg-white: #ffffff;
    --text-dark: #1f2937;
    --text-gray: #6b7280;
    --border-color: #e5e7eb;
    --success-green: #10b981;
    --warning-orange: #f59e0b;
    --error-red: #ef4444;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
}

/* Dark Mode Variablen */
[data-theme="dark"] {
    color-scheme: dark;
    --primary-blue: #7b8ed8;
    --primary-blue-light: #8b9ee8;
    --primary-blue-dark: #5a6ab8;
    --secondary-gray: #8a8a8a;
    --bg-light: #181a1b;
    --bg-white: #1f2122;
    --text-dark: #e8e6e3;
    --text-gray: #b0ada9;
    --border-color: #3c3f41;
    --success-green: #7cca7c;
    --warning-orange: #e8a950;
    --error-red: #d96c6c;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.6);
}

/* Dark Mode — Gemeinsame Komponenten-Overrides */
[data-theme="dark"] .info-box {
    background: #232e3b;
    border-left-color: #7b8ed8;
    color: #e8e6e3;
}

[data-theme="dark"] .info-box strong {
    color: #7b8ed8;
}

[data-theme="dark"] .info-box.warning {
    background: #3b3224;
    border-left-color: #e8a950;
}

[data-theme="dark"] .info-box.success {
    background: #1e3324;
    border-left-color: #7cca7c;
}

[data-theme="dark"] .info-box.error {
    background: #3b2424;
    border-left-color: #d96c6c;
}

[data-theme="dark"] .tooltip-popup {
    background: #232e3b;
    color: #e8e6e3;
}

[data-theme="dark"] .tooltip-popup::before {
    border-bottom-color: #232e3b;
}

[data-theme="dark"] input,
[data-theme="dark"] select {
    background: #181a1b;
    color: #e8e6e3;
    border-color: #3c3f41;
}

[data-theme="dark"] input::placeholder {
    color: #8a8a8a;
}

[data-theme="dark"] .unit-badge {
    background: #232527;
    color: #b0ada9;
}

[data-theme="dark"] .btn-primary {
    background: #2d4a8c;
}

[data-theme="dark"] .btn-primary:hover {
    background: #3a5a9a;
}

/* Basis-Styles */
html {
    height: 100%;
}

body {
    min-height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background: var(--bg-light);
    color: var(--text-dark);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}