/* MERIDIAN design tokens — single source of truth for ALL pages (landing/app/offramp).
   Voltage (dark, default) / Quiet Capital (light, html.light or [data-theme=paper]). */
/* ── brand tokens — SINGLE source of truth. The fresh names carry the values; the legacy engine
   names below alias them via var() so there is exactly one literal per colour. readTheme() reads
   computed values (getComputedStyle resolves var()), so JS-rendered chart/canvas colours follow. ── */
:root{
  /* Meridian · Voltage (dark, default) — deep cool near-black, machined hairlines, lime accent.
     'up' is a distinct emerald so P&L green never competes with the brand lime. */
  --bg:#06070a;--bg2:#0a0c11;--panel:#0d0f15;--panel2:#12151c;--line:#1c212b;--line2:#2b313c;
  --tx:#f0f2f6;--tx2:#aeb6c2;--mut:#727b89;--faint:#474f5b;--struct:#5b6470;
  --acc:#c6f24e;--acc-dim:#a7d040;--up:#35d98a;--dn:#ff5d6b;--warn:#e6b455;
  --acc-soft:rgba(198,242,78,.10);--acc-line:rgba(198,242,78,.30);--acc-glow:rgba(198,242,78,.24);
  --up-soft:rgba(53,217,138,.13);--dn-soft:rgba(255,93,107,.13);--warn-soft:rgba(230,180,85,.13);
  --grid:rgba(255,255,255,.035);
  --elev:0 1px 0 rgba(255,255,255,.035) inset,0 10px 34px -18px rgba(0,0,0,.72);
  --elev-hi:0 1px 0 rgba(255,255,255,.05) inset,0 18px 48px -22px rgba(0,0,0,.8);
  --disp:'Schibsted Grotesk',sans-serif;--ui:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace;
  /* ── legacy engine names → alias the tokens above ── */
  --bg-hi:#0e1409;--bg-1:var(--bg2);--bg-2:var(--panel);--card:var(--panel);--card-2:var(--panel2);--card-3:#171c25;
  --line-2:var(--line2);--track:#10161a;
  --accent:var(--acc);--accent-dim:var(--acc-dim);--accent-glow:var(--acc-glow);--accent-bg:var(--acc-soft);--accent-bg-2:rgba(198,242,78,.17);
  --up-bg:var(--up-soft);--down:var(--dn);--down-bg:var(--dn-soft);--warn-bg:var(--warn-soft);
  --up-line:rgba(53,217,138,.34);--down-line:rgba(255,93,107,.34);--warn-line:rgba(230,180,85,.34);
  --text:var(--tx);--text-2:var(--tx2);--muted:var(--tx2);--muted-2:var(--mut);--dim:#565e6a;--ghost:#39414c;
  --violet:var(--struct);--blue:var(--struct);--entryline:#eaedf2;
  --chart-text:#8b93a0;--chart-grid-v:rgba(255,255,255,.024);--chart-grid-h:rgba(255,255,255,.04);
  --amber:var(--accent);--amber-dim:var(--accent-dim);--amber-glow:var(--accent-glow);
}
/* Meridian · Quiet Capital (light) — warm paper, evergreen accent. Preset id stays "paper". */
html.light,html[data-theme=paper]{
  --bg:#f7f6f3;--bg2:#f0eee9;--panel:#ffffff;--panel2:#f5f3ef;--line:#e7e4de;--line2:#d8d4cc;
  --tx:#14140f;--tx2:#4a4842;--mut:#83807a;--faint:#a9a59d;--struct:#9aa0a6;
  --acc:#0e7c73;--acc-dim:#2a9a8f;--up:#0f9d6b;--dn:#d0494a;--warn:#c08428;
  --acc-soft:rgba(14,124,115,.09);--acc-line:rgba(14,124,115,.26);--acc-glow:rgba(14,124,115,.18);
  --up-soft:rgba(15,157,107,.11);--dn-soft:rgba(208,73,74,.10);--warn-soft:rgba(192,132,40,.12);
  --grid:rgba(0,0,0,.05);
  --elev:0 1px 2px rgba(20,30,28,.05),0 10px 26px -18px rgba(20,40,36,.2);
  --elev-hi:0 2px 4px rgba(20,30,28,.06),0 18px 40px -22px rgba(20,40,36,.26);
  --bg-hi:#ffffff;--bg-1:var(--bg2);--bg-2:var(--panel);--card:var(--panel);--card-2:var(--panel2);--card-3:#ece9e3;
  --line-2:var(--line2);--track:#dde7e1;
  --accent:var(--acc);--accent-dim:var(--acc-dim);--accent-glow:var(--acc-glow);--accent-bg:var(--acc-soft);--accent-bg-2:rgba(14,124,115,.16);
  --up-bg:var(--up-soft);--down:var(--dn);--down-bg:var(--dn-soft);--warn-bg:var(--warn-soft);
  --up-line:rgba(15,157,107,.30);--down-line:rgba(208,73,74,.30);--warn-line:rgba(192,132,40,.32);
  --text:var(--tx);--text-2:var(--tx2);--muted:#5f5d57;--muted-2:var(--mut);--dim:#9a978f;--ghost:#bcb8b0;
  --violet:var(--struct);--blue:var(--struct);--entryline:#2a313b;
  --chart-text:#5d6772;--chart-grid-v:rgba(0,0,0,.045);--chart-grid-h:rgba(0,0,0,.07);
  --amber:var(--accent);--amber-dim:var(--accent-dim);--amber-glow:var(--accent-glow);
}
/* book identity — categorical series colors for cross-book charts (Compare view).
   Validated (dataviz six-checks) against both surfaces; benchmark = --mut.
   Order DON, CMT, PROP, IG is FIXED — color follows the book, never the row. */
:root{--book-don:#7d9d1d;--book-cmt:#3d8fd6;--book-prop:#b5761f;--book-ig:#a565c8}
html.light,html[data-theme=paper]{--book-don:#6f8f14;--book-cmt:#2e7fc4;--book-prop:#a86a15;--book-ig:#9c57c2}