/* tokens.css — structural primitives, mottai values.
   Shared variable *vocabulary* with konklyn (spacing, radius, maxw, z-ladder,
   font stacks); the *values* are mottai's own (tighter radius, mono font, no
   web fonts). Colour palette lives in this site's style.css.
   Copied (not symlinked) into src/ so the site deploys self-contained. */

:root {
  /* Spacing scale — 4px base */
  --space-1: 0.25rem; /* 4px  */
  --space-2: 0.5rem;  /* 8px  */
  --space-3: 1rem;    /* 16px */
  --space-4: 1.5rem;  /* 24px */
  --space-5: 3rem;    /* 48px — section gap */
  --space-6: 6rem;    /* 96px — unused here; kept for shared vocab parity */

  /* Layout primitives */
  --maxw: 1080px;
  --radius: 8px;
  --radius-sm: 6px;
  --nav-h: 56px; /* top bar is not sticky; kept for vocab parity */

  /* z-index ladder (kept for parity; unused on this static page) */
  --z-nav: 100;
  --z-overlay: 200;
  --z-toast: 300;

  /* Font stacks — mono-led, no web fonts */
  --font-mono: ui-monospace, 'Cascadia Code', 'Fira Code', 'Segoe UI Mono', monospace;
  --font-sans: var(--font-mono);
}