/* === Burnish Design Tokens === */
/* Override these custom properties to theme all components */

:root {
    /* ── Colors: Primary ── */
    --burnish-primary: #2D1F1F;
    --burnish-primary-hover: rgba(255, 255, 255, 0.1);
    --burnish-surface: #ffffff;
    --burnish-surface-alt: #F8F5F5;
    --burnish-surface-hover: #F3EDED;
    --burnish-accent: #8B3A3A;
    --burnish-accent-hover: #A04545;
    --burnish-accent-light: #F5ECEC;
    --burnish-accent-bright: #C45B5B;
    --burnish-link: #7C3030;

    /* ── Colors: Status ── */
    --burnish-success: #22c55e;
    --burnish-warning: #eab308;
    --burnish-error: #ef4444;
    --burnish-muted: #9C8F8F;
    --burnish-info: #6366f1;

    /* ── Colors: Status Borders (lighter, for bars/indicators) ── */
    --burnish-border-success: #dcfce7;
    --burnish-border-warning: #fef9c3;
    --burnish-border-error: #fee2e2;
    --burnish-border-muted: #E5DDDD;
    --burnish-border-info: #c7d2fe;

    /* ── Colors: Neutral ── */
    --burnish-text: #2D1F1F;
    --burnish-text-secondary: #6B5A5A;
    --burnish-text-muted: #9C8F8F;
    --burnish-border: #E5DDDD;
    --burnish-border-light: #F0EAEA;

    /* ── Form Inputs ── */
    --burnish-input-bg: #ffffff;
    --burnish-input-border: #E5DDDD;

    /* ── Spacing ── */
    --burnish-space-xs: 4px;
    --burnish-space-sm: 8px;
    --burnish-space-md: 12px;
    --burnish-space-lg: 16px;
    --burnish-space-xl: 20px;
    --burnish-space-2xl: 24px;

    /* ── Typography ── */
    --burnish-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --burnish-font-mono: 'Cascadia Code', 'Fira Code', Consolas, monospace;
    --burnish-font-size-xs: 12px;
    --burnish-font-size-sm: 13px;
    --burnish-font-size-base: 14px;
    --burnish-font-size-md: 15px;
    --burnish-font-size-lg: 17px;
    --burnish-font-size-xl: 20px;
    --burnish-font-size-2xl: 28px;

    /* ── Borders & Radius ── */
    --burnish-radius-sm: 2px;
    --burnish-radius-md: 4px;
    --burnish-radius-lg: 8px;
    --burnish-radius-pill: 20px;
    --burnish-radius-round: 50%;

    /* ── Shadows ── */
    --burnish-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --burnish-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --burnish-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);

    /* ── Transitions ── */
    --burnish-transition-fast: 0.15s ease;
    --burnish-transition-normal: 0.25s ease;

    /* ── Layout ── */
    --burnish-chart-height: 300px;
}

/* Dark mode: respect system preference, allow explicit override */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --burnish-primary: #1A1212;
        --burnish-surface: #1F1A1A;
        --burnish-surface-alt: #2A2222;
        --burnish-surface-hover: #332929;
        --burnish-accent: #C45B5B;
        --burnish-accent-hover: #D47070;
        --burnish-accent-light: #3D2828;
        --burnish-accent-bright: #E08080;
        --burnish-link: #D47070;
        --burnish-text: #E8E2E2;
        --burnish-text-secondary: #A89999;
        --burnish-text-muted: #7A6B6B;
        --burnish-border: #3D3232;
        --burnish-border-light: #332929;
        --burnish-input-bg: #171212;
        --burnish-input-border: #544646;
        --burnish-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
        --burnish-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
        --burnish-muted: #7A6B6B;
        --burnish-border-muted: #3D3232;
        --burnish-border-success: #1a3a24;
        --burnish-border-warning: #3a3418;
        --burnish-border-error: #3a1a1a;
        --burnish-error-bg: #3a1a1a;
        --burnish-success-bg: #1a3a24;
    }
}

/* Explicit dark mode override */
[data-theme="dark"] {
    color-scheme: dark;
    --burnish-primary: #1A1212;
    --burnish-surface: #1F1A1A;
    --burnish-surface-alt: #2A2222;
    --burnish-surface-hover: #332929;
    --burnish-accent: #C45B5B;
    --burnish-accent-hover: #D47070;
    --burnish-accent-light: #3D2828;
    --burnish-accent-bright: #E08080;
    --burnish-link: #D47070;
    --burnish-text: #E8E2E2;
    --burnish-text-secondary: #A89999;
    --burnish-text-muted: #7A6B6B;
    --burnish-border: #3D3232;
    --burnish-border-light: #332929;
    --burnish-input-bg: #171212;
    --burnish-input-border: #544646;
    --burnish-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --burnish-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --burnish-muted: #7A6B6B;
    --burnish-border-muted: #3D3232;
    --burnish-border-success: #1a3a24;
    --burnish-border-warning: #3a3418;
    --burnish-border-error: #3a1a1a;
    --burnish-error-bg: #3a1a1a;
    --burnish-success-bg: #1a3a24;
}