/* tokens.css · design tokens + base type. Source of truth: DESIGN.md. */
:root{
  --bg:#0B0B0C; --bg-panel:#101012; --ink:#EDEDED; --ink-dim:#8E8E8E;
  --acid:#C8FF00;      /* signature accent: active states, key numbers, one hero word per screen */
  --blue:#00E5FF; --cobalt:#5200FF;
  --orange:#FF4D00; --magenta:#FF2D9B;   /* large text, icons, non-text UI only (contrast) */
  --line:#242427; --radius:0;            /* hard edges, never round */
  --space:8px; --gap:calc(var(--space)*2);
  --font-display:"Martian Mono","JetBrains Mono",ui-monospace,monospace;
  --font-body:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;border-radius:var(--radius)}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);
     font-size:13px;line-height:1.35;letter-spacing:.01em;margin:0}
.label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;
       font-size:11px;color:var(--ink-dim)}
.h1{font-family:var(--font-display);text-transform:uppercase;font-weight:800;
    font-size:clamp(28px,6vw,64px);line-height:.95}