/* ═══════════════════════════════════════
   DESIGN TOKENS
   Single source of truth for all colors,
   spacing, and typography.

   CHANGED: --t3 lifted from #44445a
   (≈2.4:1 on --bg, invisible in daylight)
   to #7a7a99 (≥4.5:1). Every tick label,
   card header, and hint uses --t3 — this
   one value is most of the "readability"
   upgrade. New --t4 keeps the old value
   for purely decorative uses.
═══════════════════════════════════════ */
:root {
  /* Background layers */
  --bg:   #08080f;
  --s1:   #0f0f1a;
  --s2:   #161622;
  --s3:   #1e1e2c;
  --s4:   #252535;

  /* Borders */
  --b1:   #252535;
  --b2:   #30304a;
  --b3:   #3a3a55;

  /* Semantic colors */
  --g:    #00e090;   /* bull / win / CE  */
  --gd:   rgba(0,224,144,.12);
  --r:    #ff3d5a;   /* bear / loss / PE */
  --rd:   rgba(255,61,90,.12);
  --a:    #ffb800;   /* amber / warning  */
  --ad:   rgba(255,184,0,.12);
  --bl:   #4d9fff;   /* blue / info      */
  --bld:  rgba(77,159,255,.12);
  --pu:   #a855f7;   /* purple / condor  */
  --pud:  rgba(168,85,247,.12);
  --cy:   #00d4ff;   /* cyan / AI engine */
  --cyd:  rgba(0,212,255,.12);

  /* Text */
  --t1:   #f0f0fc;
  --t2:   #9a9ab8;   /* was #8888a8 — small lift for secondary text */
  --t3:   #7a7a99;   /* was #44445a — labels are now readable */
  --t4:   #44445a;   /* decorative only (needle hubs, inactive ticks) */

  /* Misc */
  --f:    system-ui, -apple-system, sans-serif;
  --rad:  10px;
  --rad-lg: 14px;
}