/* TOKENS — "Research paper". Warm off-white paper, ink-dark text, one claret accent
   (the colour of a journal's rule line), a quiet slate-teal for secondary marks.
   Newsreader (optical-size serif) for headings and prose, Source Sans 3 for UI,
   Source Code Pro for code and labels. Defines exactly the variable set of
   css/tokens/lab.css. */
:root {
  --font-sans: 'Source Sans 3', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-mono: 'Source Code Pro', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-prose: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --display-weight: 500;
  --display-tracking: -0.012em;

  --fs-xs: 0.78rem; --fs-sm: 0.9rem; --fs-md: 1.02rem; --fs-lg: 1.16rem;
  --fs-xl: 1.42rem; --fs-2xl: 1.95rem; --fs-3xl: 2.8rem; --fs-hero: clamp(2.35rem, 5.6vw, 4.4rem);
  --lh: 1.62;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 52px; --space-8: 84px;
  --radius-sm: 3px; --radius: 5px; --radius-lg: 8px; --radius-pill: 999px;
  --maxw: 1160px; --nav-h: 60px;

  --bg: #f9f6ef;
  --bg-elev: #fffdf8;
  --bg-sunken: #f2ede2;
  --border: #e4dccd;
  --border-strong: #cbbfa9;
  --text: #1c1915;
  --text-muted: #574f45;
  --text-faint: #736859;
  --accent: #8b1e2d;
  --accent-hover: #6f1622;
  --accent-contrast: #ffffff;
  --accent-soft: #f6e6e3;
  --accent-2: #2a6670;
  --accent-2-soft: #e3eeee;
  --ok: #2d6a3e; --ok-soft: #e6f0e4;
  --bad: #b42318; --bad-soft: #fbe9e4;
  --warn: #8a5800; --warn-soft: #f8efd9;
  --easy: #2d6a3e; --medium: #8a5800; --hard: #b42318;
  --code-bg: #f3eee3; --code-text: #2a251f;
  --shadow-sm: 0 1px 0 rgba(60, 44, 20, 0.05);
  --shadow: 0 1px 2px rgba(60, 44, 20, 0.06), 0 10px 30px rgba(60, 44, 20, 0.08);
  --focus: 0 0 0 3px rgba(139, 30, 45, 0.24);
  --hero-glow: radial-gradient(70% 80% at 88% 0%, rgba(139, 30, 45, 0.055), rgba(139, 30, 45, 0) 72%),
               linear-gradient(180deg, rgba(255, 253, 248, 0.7), rgba(255, 253, 248, 0) 60%);
  color-scheme: light;
}