/* tokens.css — design system: the single source of colors, type, spacing.
   Change a value here and it propagates everywhere. */
:root{
  /* surfaces */
  --bg:#0e0e0d;
  --surf:#15140f;
  --surf2:#1f1d18;
  --line:#2d2b26;
  --line2:#3a3833;
  /* text */
  --text:#ededea;
  --text2:#cfcdc6;
  --muted:#a4a29a;
  --faint:#8c8a80;
  /* accent + semantic */
  --accent:#cbb79c;
  --accent-bg:#241e15;
  --ok:#9cc88a;
  --no:#e0a08f;
  --no-bg:#2a1714;
  --no-line:#5a2f26;
  /* families */
  --display:'Bricolage Grotesque',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* type scale — editorial, larger (body was 14, now 16) */
  --fs-micro:12px;     /* uppercase tracking labels */
  --fs-caption:13.5px; /* code, tags, metadata */
  --fs-body:16px;      /* running text, steps, tips */
  --fs-lead:19px;      /* lede / intro */
  --fs-h3:20px;        /* card titles (display) */
  --fs-h2:24px;        /* section headline (display) */
  --fs-h1:34px;        /* page title (display) */

  /* spacing scale — 4px base */
  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:24px;
  --s6:32px;
  --s7:48px;
  --s8:64px;

  /* semantic spacing + shape */
  --section-gap:72px;  /* breathing room between major bands */
  --measure:62ch;      /* readable line length for running text */
  --radius:14px;
  --radius-sm:10px;
}