/* ============================================================
   Theme Overrides — Precision System
   Light theme is :root in variables.css.
   Dark theme: true dark, no blue tint.
   ============================================================ */

[data-theme="dark"] {
    --color-white: #141414;
    --color-grey-50: #1a1a1a;
    --color-grey-100: #252525;
    --color-grey-200: #333333;
    --color-grey-300: #444444;
    --color-grey-500: #888888;
    --color-grey-700: #b0b0b0;
    --color-grey-900: #e8e8e8;

    --color-surface: #1f1f1f;
    --color-bg: #141414;
    --color-navbar: #1a1a1a;

    --color-primary: #40916c;
    --color-primary-light: #52b788;
    --color-primary-dark: #2d6a4f;
    --color-accent: #95d5b2;

    --color-error: #f87171;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-info: #60a5fa;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.3);
}

@media (prefers-color-scheme: dark) {
    [data-theme="system"],
    html:not([data-theme]) {
        --color-white: #141414;
        --color-grey-50: #1a1a1a;
        --color-grey-100: #252525;
        --color-grey-200: #333333;
        --color-grey-300: #444444;
        --color-grey-500: #888888;
        --color-grey-700: #b0b0b0;
        --color-grey-900: #e8e8e8;

        --color-surface: #1f1f1f;
        --color-bg: #141414;
        --color-navbar: #1a1a1a;

        --color-primary: #40916c;
        --color-primary-light: #52b788;
        --color-primary-dark: #2d6a4f;
        --color-accent: #95d5b2;

        --color-error: #f87171;
        --color-success: #4ade80;
        --color-warning: #fbbf24;
        --color-info: #60a5fa;

        --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
        --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.25);
        --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.3);
    }
}