/* Design tokens used by site.css, aliased to theme.json presets (single source: DESIGN.md → theme.json). */
:root {
  --bg: var(--wp--preset--color--bg);
  --surface: var(--wp--preset--color--surface);
  --ink: var(--wp--preset--color--ink);
  --muted: var(--wp--preset--color--muted);
  --paper: var(--wp--preset--color--paper);
  --ink-on-paper: var(--wp--preset--color--ink-on-paper);
  --muted-on-paper: var(--wp--preset--color--muted-on-paper);
  --accent: var(--wp--preset--color--accent);
  --accent-press: var(--wp--preset--color--accent-press);
  --on-accent: #FFFFFF;

  --font-display: var(--wp--preset--font-family--display);
  --font-text: var(--wp--preset--font-family--text);

  --step-display: var(--wp--preset--font-size--display);
  --step-h2: var(--wp--preset--font-size--heading);
  --step-statement: var(--wp--preset--font-size--statement);
  --step-body: var(--wp--preset--font-size--body);
  --step-small: var(--wp--preset--font-size--small);

  --margin: clamp(20px, 5vw, 80px);
  --section: var(--wp--preset--spacing--70);
  --header-h: var(--wp--custom--header-h);
  --ease-out: var(--wp--custom--ease-out);
}
@media (max-width: 599px) { :root { --header-h: 64px; } }