/* ── Design Tokens ────────────────────────────────────────────────────────── */
:root {
  /* Bloomberg Orange as primary accent */
  --accent:        #FF6B00;
  --accent-dim:    rgba(255, 107, 0, 0.12);
  --accent-hover:  #E55E00;

  /* Light mode */
  --bg:            #FAFAF8;
  --surface:       #FFFFFF;
  --surface-2:     #F4F4F1;
  --border:        #E5E4E0;
  --border-2:      #D0CFC9;

  --ink:           #111110;
  --ink-2:         #3A3936;
  --ink-3:         #6B6A65;
  --ink-4:         #9B9A95;

  --green:         #1A6B3C;
  --green-bg:      #EEF7F2;
  --green-border:  rgba(26,107,60,.2);

  --red:           #C0392B;
  --red-bg:        #FDF2F0;
  --red-border:    rgba(192,57,43,.2);

  --blue:          #1A4580;
  --blue-bg:       #EEF2FA;
  --blue-border:   rgba(26,69,128,.2);

  --gold:          #8B6914;
  --gold-bg:       #FDF6E3;
  --gold-border:   rgba(139,105,20,.2);

  --purple:        #5B3FA0;
  --purple-bg:     #F3F0FA;

  --shadow-sm:     0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:     0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg:     0 12px 40px rgba(0,0,0,.14);

  --radius-sm:     3px;
  --radius:        5px;
  --radius-lg:     8px;

  --font-sans:     'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont,
                   'Segoe UI', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', monospace;

  --transition:    140ms cubic-bezier(.25,.46,.45,.94);
}

/* ── Dark mode ────────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg:            #0E0E10;
  --surface:       #18181B;
  --surface-2:     #1F1F23;
  --border:        #2A2A2F;
  --border-2:      #38383E;

  --ink:           #F5F5F4;
  --ink-2:         #C8C7C2;
  --ink-3:         #8B8A85;
  --ink-4:         #5A5956;

  --green:         #3DD68C;
  --green-bg:      #0D2118;
  --green-border:  rgba(61,214,140,.15);

  --red:           #F87171;
  --red-bg:        #1F0F0E;
  --red-border:    rgba(248,113,113,.15);

  --blue:          #60A5FA;
  --blue-bg:       #0E1B2E;
  --blue-border:   rgba(96,165,250,.15);

  --gold:          #FBBF24;
  --gold-bg:       #1C1608;
  --gold-border:   rgba(251,191,36,.15);

  --purple:        #A78BFA;
  --purple-bg:     #160F28;

  --shadow-sm:     0 1px 3px rgba(0,0,0,.3);
  --shadow-md:     0 4px 16px rgba(0,0,0,.4);
  --shadow-lg:     0 12px 40px rgba(0,0,0,.6);
}

/* ── Score color helpers ──────────────────────────────────────────────────── */
.score-high  { color: var(--green); }
.score-mid   { color: var(--gold); }
.score-low   { color: var(--red); }