/* FinAi design tokens (redesign spec §3). Keep in sync with Theme/FinAiTheme.cs; TokenSyncTests enforces it.
   Light values sit on :root; .fa-dark (set on <body> from the theme cookie) switches to Midnight. */
:root {
    --fa-bg: #F7F8FB;
    --fa-surface: #FFFFFF;
    --fa-surface-nav: #FFFFFF;
    --fa-border: #E5E8EF;
    --fa-primary: #0C2C4E;
    --fa-primary-contrast: #FFFFFF;
    --fa-primary-soft: #EAF0F8;
    --fa-user-bubble: #0C2C4E;
    --fa-user-bubble-text: #FFFFFF;
    --fa-text: #0F172A;
    --fa-text-muted: #64748B;
    --fa-up: #16A34A;
    --fa-down: #DC2626;
    --fa-info: #3B82F6;
    --fa-brand-word: #727EB0; /* the "darts" lettering in dartslogo.png */

    --fa-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fa-radius-card: 10px;
    --fa-radius-bubble: 12px;
    --fa-radius-pill: 999px;
    --fa-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    --fa-focus-ring: 0 0 0 3px color-mix(in srgb, var(--fa-primary) 35%, transparent);
    color-scheme: light;
}

.fa-dark {
    --fa-bg: #0B1220;
    --fa-surface: #111C2E;
    --fa-surface-nav: #0F1829;
    --fa-border: #1C2638;
    --fa-primary: #2DD4BF;
    --fa-primary-contrast: #0B1220;
    --fa-primary-soft: #13233A;
    --fa-user-bubble: #1D3557;
    --fa-user-bubble-text: #E5E9F0;
    --fa-text: #E5E9F0;
    --fa-text-muted: #94A3B8;
    --fa-up: #34D399;
    --fa-down: #F87171;
    --fa-info: #2DD4BF;
    --fa-brand-word: #727EB0; /* the "darts" lettering in dartslogo.png */

    --fa-shadow: none;
    color-scheme: dark;
}

/* Native controls (checkboxes, autofill, disabled inputs) follow the theme from the declarations above.
   The page scrollbar follows the root element, so mirror body.fa-dark onto <html>. */
:root:has(body.fa-dark) {
    color-scheme: dark;
}