/* Design tokens.
 *
 * Same semantics as the tracker's storyboard/tokens.css — blue SPY, teal
 * basket, violet gap, green/red for sign only, amber for risk and boundaries —
 * with the palettes swapped: paper is the default here, dark is the toggle.
 *
 * Type: Space Grotesk is the UI/narrative voice, IBM Plex Mono the instrument
 * voice. Every number on the site is mono with tabular figures so columns line
 * up and digits do not shift as values update.
 */

@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:400;
  font-display:swap; src:url("/vendor/fonts/ibm-plex-mono-400.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:500;
  font-display:swap; src:url("/vendor/fonts/ibm-plex-mono-500.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:600;
  font-display:swap; src:url("/vendor/fonts/ibm-plex-mono-600.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:700;
  font-display:swap; src:url("/vendor/fonts/ibm-plex-mono-700.woff2") format("woff2"); }
@font-face { font-family:"Space Grotesk"; font-style:normal; font-weight:300 700;
  font-display:swap; src:url("/vendor/fonts/space-grotesk-var.woff2") format("woff2"); }

:root {
  --font-ui:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* paper — the default */
  --bg:#FBF0E2;
  --panel:#FBF0E2;
  --elev:#EFE3CE;
  --border:rgba(32,30,29,.18);
  --border-strong:rgba(32,30,29,.32);
  --text:#201E1D;
  --muted:rgba(32,30,29,.58);
  --accent:#3F6EA3;
  --pos:#4E8B4A;
  --neg:#B8442F;
  --warn:#8C491A;
  --warn-mark:#CF9A3A;
  --violet:#7C5AA6;
  --teal:#2C8A7D;

  --radius:10px;
  --gap:14px;
  --pad:16px;
  --fs-label:11px;
  --fs-body:13px;
  --fs-title:14px;
  --fs-metric:26px;
  --rail:212px;
  --top:54px;
}

:root[data-theme="dark"] {
  --bg:#07111D;
  --panel:#0D1A29;
  --elev:#122236;
  --border:#203247;
  --border-strong:#2E4460;
  --text:#F0F4FA;
  --muted:#A7B4C7;
  --accent:#438CFF;
  --pos:#25C866;
  --neg:#FF4D5A;
  --warn:#F5B83D;
  --warn-mark:#F5B83D;
  --violet:#A266FF;
  --teal:#2BC4C4;
}