/* ============================================================
   tokens.css — design tokens (the single source of truth)
   Brutalist/terminal palette + type families, lifted verbatim
   from the Design output so every other file references these
   instead of hard-coding hex values.
   ============================================================ */

:root {
  /* Palette */
  --blue: #2424FF;        /* primary — brackets, ticker, manifesto, hovers */
  --blue-muted: #6f6fff;  /* panel numbers */
  --bone: #F4F1EA;        /* neutral background / light text */
  --ink: #141414;         /* near-black text / dark sections */
  --offwhite: #FBF9F3;    /* file cards in "How I build" */

  /* Type families */
  --font-display: 'Anton', sans-serif;        /* huge headings */
  --font-body: 'Archivo', sans-serif;         /* paragraph copy */
  --font-mono: 'IBM Plex Mono', monospace;    /* labels, code, UI chrome */

  /* Layout */
  --frame-inset: 12px;    /* the fixed page-edge frame + nav inset */
  --z-cross: 65;
  --z-frame: 70;
  --z-nav: 72;
  --z-boot: 100;
}