/* ============================================================
   EQUANU — shared design tokens (Phase 3 C1)
   Load before equanu.css / desk.css.
   Canonical names preferred; desk aliases keep legacy selectors working.
   ============================================================ */

:root {
  /* — Surfaces (canonical) — */
  --ink-900: #0C1820;
  --ink-850: #0A151D;
  --ink-825: #0B1922;
  --ink-800: #10222C;
  --ink-750: #0E1E27;
  --ink-700: #16303C;
  --ink-650: #122731;
  --ink-600: #224150;
  --ink-500: #3A5360;
  --slate-600: #42565F;

  /* — Text — */
  --text-hi: #EAF1F2;
  --muted:   #7C93A0;
  --muted-2: #9DB1BC;
  --muted-3: #7C93A0;

  /* — Brand & signal — */
  --gold:         #C6A15B;
  --gold-press:   #A9863F;
  --gold-wash:    rgba(198, 161, 91, 0.12);
  --mercury:      #4FB7B3;
  --mercury-soft: #1E4A4C;
  --mercury-wash: rgba(79, 183, 179, 0.12);
  --gain:    #2E9E73;
  --loss:    #CE6B5B;
  --caution: #E0A33E;
  --halt:    #C0473F;
  --on-accent: #0C1820;

  /* — Type (system stack — no third-party font CDN; first paint stays local) — */
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;

  /* — Radius / motion / spacing — */
  --r-card: 16px;
  --r-panel: 12px;
  --r-pill: 999px;
  --r-control: 9px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --settle: 1100ms cubic-bezier(0.22, 0.61, 0.18, 1);

  /* — Desk aliases (map to canonical; prefer canonical in new code) — */
  --bg: var(--ink-900);
  --rail: var(--ink-850);
  --rail2: var(--ink-825);
  --surface: var(--ink-800);
  --inset: var(--ink-700);
  --line: var(--ink-700);
  --line2: var(--ink-650);
  --line3: var(--ink-600);
  --track: var(--ink-900);
  --ink: var(--text-hi);
  --t1: #C8D6DC;
  --t2: var(--muted-2);
  --t3: var(--muted);
  --t4: #8496A0;
  --t5: var(--muted);
  --merc: var(--mercury);
  --merctx: var(--mercury);
  --mercsoft: var(--mercury-soft);
  --goldtx: var(--gold);
  --slate: var(--muted);
  --slatetx: var(--muted);
  --halttx: #E0A99F;
  --haltbg: #2a1512;
  --haltbd: #3a2420;
  --arm1: #33505E;
  --arm2: #5A7785;
  --pivotbg: #0E2A2B;
  --diabg: var(--ink-750);
  --hanger: var(--ink-500);
  --ringbg: #0E2027;
  --navactive: #13262F;
  --cash: #2A4350;
  --cardsh: none;
  --scroll: #1b3845;
  --panel2: var(--ink-750);
}

:root[data-theme="light"] {
  --ink-900: #F3F5F4;
  --ink-850: #E8ECEB;
  --ink-825: #EDF0EF;
  --ink-800: #FBFCFC;
  --ink-750: #E8ECEB;
  --ink-700: #DCE2E1;
  --ink-650: #E4E9E8;
  --ink-600: #C7D0CF;
  --ink-500: #8DA0A8;
  --slate-600: #42565F;
  --text-hi: #0C1820;
  --muted: #5E727A;
  --muted-2: #42565F;
  --muted-3: #5E727A;
  --gold: #8A6B25;
  --gold-press: #6E551C;
  --gold-wash: rgba(138, 107, 37, 0.12);
  --mercury: #1E6B68;
  --mercury-soft: #D7EEEC;
  --mercury-wash: rgba(30, 107, 104, 0.12);
  --gain: #1F7A56;
  --loss: #A6493B;
  --caution: #8A5E13;
  --halt: #B23A33;
  --on-accent: #0C1820;

  --bg: #F1F4F3;
  --rail: #E7EBEA;
  --rail2: #EBEEED;
  --surface: #FBFCFC;
  --inset: #EAEEED;
  --line: #DCE3E1;
  --line2: #E6EBE9;
  --line3: #CBD4D2;
  --track: #E6EBE9;
  --ink: #11242E;
  --t1: #243640;
  --t2: #44575F;
  --t3: #5E7480;
  --t4: #8597A0;
  --t5: #9AABB2;
  --merctx: #2C8C88;
  --mercsoft: #D7EEEC;
  --goldtx: #7A5E28;
  --slatetx: #566B74;
  --halttx: #A4413A;
  --haltbg: #FBEDEA;
  --haltbd: #F0D2CB;
  --pivotbg: #FFFFFF;
  --diabg: #EAEEED;
  --hanger: #AFC0C6;
  --ringbg: #FFFFFF;
  --navactive: #E1E7E5;
  --cash: #B7C5C9;
  --cardsh: 0 1px 2px rgba(20, 40, 52, 0.07);
  --scroll: #C6D0CE;
  --panel2: #EAEEED;
}