/* BRAIN Dashboard — design tokens */

:root {
    /* Light theme (default — bright warm beige) */
    --color-bg: #FAF7F2;
    --color-bg-elevated: rgba(255, 255, 255, 0.6);
    --color-text: #1A1A2E;
    --color-text-muted: #5C5A55;
    --color-accent: #B87333;            /* bronze */
    --color-accent-hover: #D4A574;       /* bronze light */
    --color-border: rgba(26, 26, 46, 0.08);
    --color-glass-bg: rgba(255, 255, 255, 0.55);
    --color-glass-border: rgba(184, 115, 51, 0.15);
    --color-glass-blur: 20px;

    /* Status colors */
    --color-success: #4A7C59;
    --color-warning: #C9A961;
    --color-danger: #B85450;

    /* Tag/chip backgrounds */
    --color-chip-bg: rgba(184, 115, 51, 0.10);
    --color-chip-text: #8A521E;
    --color-chip-overdue-bg: rgba(184, 84, 80, 0.12);
    --color-chip-overdue-text: #8B3A36;
    --color-chip-success-bg: rgba(74, 124, 89, 0.12);
    --color-chip-success-text: #2F5A3F;

    /* Typography */
    --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                   'Helvetica Neue', Arial, sans-serif;
    --font-display: 'SF Pro Display', system-ui, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;

    /* Shadows */
    --shadow-glass: 0 8px 32px rgba(15, 26, 46, 0.08);
    --shadow-glass-hover: 0 12px 40px rgba(15, 26, 46, 0.12);

    /* Header */
    --header-height: 72px;
    --max-content-width: 1280px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #0F1A2E;             /* dark blue */
        --color-bg-elevated: rgba(30, 41, 59, 0.6);
        --color-text: #E8E4DC;
        --color-text-muted: #94A3B8;
        --color-accent: #D4A574;          /* bronze (lighter on dark) */
        --color-accent-hover: #E5C4A1;
        --color-border: rgba(232, 228, 220, 0.08);
        --color-glass-bg: rgba(30, 41, 59, 0.55);
        --color-glass-border: rgba(212, 165, 116, 0.18);

        --color-chip-bg: rgba(212, 165, 116, 0.16);
        --color-chip-text: #E5C4A1;
        --color-chip-overdue-bg: rgba(184, 84, 80, 0.20);
        --color-chip-overdue-text: #E89994;
        --color-chip-success-bg: rgba(74, 124, 89, 0.20);
        --color-chip-success-text: #9DCBA9;

        --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.35);
        --shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, 0.45);
    }
}