/*
  tokens.css — Rewind Hollow design tokens.
  MEASURED palette (do not invent or "improve" these — see site-tools/CONVENTIONS.md).
  This file defines values only. No selectors that render anything belong here.
*/

:root {
  /* Palette */
  --attic: #211712;   /* ground */
  --paper: #ece2ce;   /* paper surfaces AND body text on dark */
  --candle: #bb8b5f;  /* links / hover — the only warm accent */
  --rose: #b6797b;    /* sparingly — the dormant-CTA date line */
  --sage: #8caaa3;    /* sparingly — figure captions */
  --thread: #6b5443;  /* every stitch rule and border. No other border colour exists. */

  /* Type roles — Google Fonts with real fallback stacks (must look designed offline) */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Literata', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --font-typed: 'Courier Prime', 'Courier New', monospace;

  /* Fraunces variation axes: opsz pinned high, soft/wonk on */
  --fraunces-axes: 'SOFT' 100, 'WONK' 1, 'opsz' 144;

  /* Type scale */
  --text-typed: 13px;
  --text-body: 16px;
  --text-lede: 20px;
  --text-h2: 28px;
  --text-display: clamp(38px, 9vw, 64px);

  /* Spacing base 8px */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 104px;

  /* Layout */
  --content-max: 720px;
  --pad-x: 24px;
  --pad-x-narrow: 18px;

  /* Shared shadow for paper objects sitting in the dark */
  --paper-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.65), 0 2px 0 rgba(0, 0, 0, 0.25);
}