:root, [data-theme="light"], .theme-light {
  
  --navy:#0A1628;  --navy-2:#0F2040;  --navy-3:#162B50;
  --gold:#F5A623;  --gold-2:#E0951A;  --gold-3:#B8730A;  --gold-light:#FFB940;
  
  --gold-ink:#9C6208;
  --white:#FFFFFF;

  
  --bg:#F5F6F9;  --surface:#FFFFFF;  --surface-2:#F2F4F8;
  --ink:#0B1220;  --ink-2:#5A6478;  --ink-3:#636C7D;   
  --line:#E7EAF0;                                     
  --line-strong:#838894;                              

  
  --primary:#0A1628;  --primary-ink:#FFFFFF;
  --accent:#F5A623;   --accent-ink:#3A2600;  --accent-bg:#FDF3E0;  --accent-line:color-mix(in srgb,var(--gold) 40%,transparent);   
  --focus:#1B5FC4;                                                   

  
  --good:#117E54;  --good-bg:#E5F5EE;  --good-ink:#FFFFFF;   
  --warn:#A25F00;  --warn-bg:#FDF1DD;  --warn-ink:#FFFFFF;   
  --bad:#C0392B;   --bad-bg:#FDECEA;   --bad-ink:#FFFFFF;
  --info:#1B5FC4;  --info-bg:#E8F0FC;  --info-ink:#FFFFFF;
  

  
  --cat-1:#0F766E; --cat-2:#1D4ED8; --cat-3:#0E7490; --cat-4:#6D28D9;
  --cat-5:#BE185D; --cat-6:#B45309; --cat-7:#C2410C; --cat-8:#4D7C0F;

  
  --chart-pos:var(--good);  --chart-neg:var(--bad);  --chart-line:var(--ink-2);  --chart-grid:var(--line);

  
  --scrim:rgba(11,18,32,.5);
  --glow-accent:0 0 0 4px color-mix(in srgb,var(--gold) 28%,transparent);   
  --shadow-1:0 1px 2px rgba(11,18,32,.06), 0 2px 8px rgba(11,18,32,.06);
  --shadow-2:0 6px 24px rgba(11,18,32,.10);
  --shadow-3:0 -6px 28px rgba(11,18,32,.12);

  
  --r-xs:6px;  --r-sm:10px;  --r:16px;  --r-lg:20px;  --r-pill:999px;

  
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;
  

  
  --font:'Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;
  --fs-display:44px; --fs-1:26px; --fs-2:20px; --fs-3:16px; --fs-body:15px; --fs-sm:13px; --fs-xs:12px; --fs-2xs:11px;
  
  --fs-board:clamp(40px,4.4vw,64px);   
  --lh-tight:1.15; --lh-snug:1.3; --lh-body:1.5;

  
  --maxw-app:460px;      
  --maxw-report:720px;   
  --maxw-site:1160px;    
  --maxw-ops:1200px;     
  --maxw-board:1680px;   

  
  --ease:cubic-bezier(.4,0,.2,1);
  --transition:.2s var(--ease);
  --tap:54px;     
  --tap-sm:38px;  
}


@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) {
    --bg:#070D18;  --surface:#0F1A2E;  --surface-2:#16233C;
    --ink:#EEF2F9;  --ink-2:#9FABC4;  --ink-3:#828EA7;
    --line:#1E2B45;  --line-strong:#677287;
    --primary:#818CF8;  --primary-ink:#0B1220;
    --accent:#F5A623;   --accent-ink:#1A1200;  --accent-bg:#2E2410;  --accent-line:color-mix(in srgb,var(--gold) 45%,transparent);
    --gold-ink:#F5A623;
    --focus:#F5A623;
    --good:#3DDC97;  --good-bg:#0E2A20;  --good-ink:#0E2A20;
    --warn:#F5B53D;  --warn-bg:#2A2008;  --warn-ink:#2A2008;
    --bad:#FF6B5E;   --bad-bg:#2A1210;   --bad-ink:#1A0A08;
    --info:#6EA8FF;  --info-bg:#0E1D33;  --info-ink:#0E1D33;
    --cat-1:#34D399; --cat-2:#60A5FA; --cat-3:#22D3EE; --cat-4:#A78BFA;
    --cat-5:#F472B6; --cat-6:#FBBF24; --cat-7:#FB923C; --cat-8:#A3E635;
    --scrim:rgba(7,13,24,.7);
    --glow-accent:0 0 0 4px color-mix(in srgb,var(--gold) 35%,transparent);
    --shadow-1:0 1px 2px rgba(0,0,0,.4);
    --shadow-2:0 8px 28px rgba(0,0,0,.5);
    --shadow-3:0 -6px 28px rgba(0,0,0,.5);
  }
}


[data-theme="dark"], .theme-dark {
    --bg:#070D18;  --surface:#0F1A2E;  --surface-2:#16233C;
    --ink:#EEF2F9;  --ink-2:#9FABC4;  --ink-3:#828EA7;
    --line:#1E2B45;  --line-strong:#677287;
    --primary:#818CF8;  --primary-ink:#0B1220;
    --accent:#F5A623;   --accent-ink:#1A1200;  --accent-bg:#2E2410;  --accent-line:color-mix(in srgb,var(--gold) 45%,transparent);
    --gold-ink:#F5A623;
    --focus:#F5A623;
    --good:#3DDC97;  --good-bg:#0E2A20;  --good-ink:#0E2A20;
    --warn:#F5B53D;  --warn-bg:#2A2008;  --warn-ink:#2A2008;
    --bad:#FF6B5E;   --bad-bg:#2A1210;   --bad-ink:#1A0A08;
    --info:#6EA8FF;  --info-bg:#0E1D33;  --info-ink:#0E1D33;
    --cat-1:#34D399; --cat-2:#60A5FA; --cat-3:#22D3EE; --cat-4:#A78BFA;
    --cat-5:#F472B6; --cat-6:#FBBF24; --cat-7:#FB923C; --cat-8:#A3E635;
    --scrim:rgba(7,13,24,.7);
    --glow-accent:0 0 0 4px color-mix(in srgb,var(--gold) 35%,transparent);
    --shadow-1:0 1px 2px rgba(0,0,0,.4);
    --shadow-2:0 8px 28px rgba(0,0,0,.5);
    --shadow-3:0 -6px 28px rgba(0,0,0,.5);
}


[data-density="compact"]{
  --tap:36px; --tap-sm:30px; --r:10px; --r-sm:8px;
  --sp-4:10px; --sp-5:12px; --sp-6:14px;
  --fs-body:14px; --fs-sm:12px;
}