/* tokens.css — design tokens (colors, typography, spacing)
 *
 * Variable values per theme live in themes.css.
 * This file defines the token vocabulary only.
 */

:root {
  /* Typography */
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Scale (fluid) */
  --fs-h1: clamp(44px, 6.5vw, 76px);
  --fs-h2: clamp(30px, 4vw, 48px);
  --fs-h3: 22px;
  --fs-body: 17px;
  --fs-lede: 22px;
  --fs-meta: 14px;
  --fs-eyebrow: 15px;

  /* Spacing scale */
  --sp-section: 140px;
  --sp-block: 64px;
  --sp-inline: 24px;

  /* Reading widths */
  --w-content: 1120px;
  --w-reading: 640px;
}