/* tokens.css — THE single colour/type source for every live model-precision-map page (owner 2026-10-31:
   "are the css at least not all centralized?"). Theme = aijanitor.si AMBER contract (owner: "match the aijanitor site… go amber"):
   sources aijanitor-website/site/index.html:6-31 (dark, #070906 bg, #f4f8e9 text, #b8c1a6 muted, monospace,
   .16em labels, 3px white focus) + docs/animation-plan.md:35 (charcoal field, #F2A900 amber lines) + docs/whole-site-motion-plan.md:78
   (geometry/labels, not colour alone). Pages link this file and define NO colour of their own; check: scripts/test_tokens.sh.
   Exception allowed: DATA encodings (dtype colours on the heat map) live HERE too, under "data", so they also change in one place. */
:root {
  color-scheme: dark;
  /* base */
  --bg: #070906; --text: #f4f8e9; --muted: #b8c1a6; --amber: #F2A900; --lime: #e8ff72;
  --surface: rgba(242,169,0,.06); --edge: rgba(242,169,0,.45); --rail: rgba(242,169,0,.10);
  --mono: ui-monospace, Menlo, Consolas, monospace; --display: var(--mono); --label-track: .16em; --radius: 0px; --dash: 6px;
  --focus: #fff; --on-amber: #070906;
  /* names used by the inventory front door + theme.css + flow pages */
  --ink: var(--text); --layer: var(--surface); --layer-edge: var(--edge);
  --solder: var(--amber); --copper: var(--amber); --added: var(--muted);
  --k-lookup: var(--muted); --k-norm: var(--amber); --k-matmul: var(--amber); --k-position: var(--muted); --k-attention: var(--amber);
  --k-recurrence: var(--amber); --k-conv: var(--amber); --k-elementwise: var(--muted); --k-routing: var(--amber); --k-output: var(--amber);
  /* names used by the heat-map viewer (assets/viewer/index.html) */
  --card: #0d100b; --mute: var(--muted); --line: rgba(242,169,0,.25); --head: #050704; --headink: var(--text); --headmute: var(--muted);
  --empty: #3a4033; --mixbase: #0d100b; --q: var(--text);
  --ok-bg: rgba(184,193,166,.14); --ok-bd: var(--muted); --wd-bg: rgba(242,169,0,.14); --wd-bd: var(--amber);
  --bad-bg: rgba(255,90,60,.16); --bad-bd: #ff5a3c; --bad-ink: #ff8a70; --nm-bg: #14180f;
  --good: var(--muted); --alt: var(--amber); --neutral: #6b7262;
  /* data: dtype encodings on the heat map (distinct hues, readable on the dark field) */
  --fp32: #5b8def; --fp16: #2bb3a3; --bf16: #a07cf0; --int8: #F2A900; --int4: #ff5a3c; --fp8: #e85aa0; --fp64: #8fa8ff; --index: #8b9182; --bool: #6b7262;
}
:root[data-theme="light"], :root[data-theme="dark"] { color-scheme: dark; }