/*
 * Design tokens.
 *
 * The palette, the type scale and the two radii from PRD 9.1 to 9.3, taken verbatim from
 * prototype/style.css. Nothing here paints anything. It only names values, so a colour is
 * changed in one place instead of forty.
 *
 * This file must be enqueued first. Everything else reads from it.
 */

:root {
  --bg-warm: #f9ecde;
  --bg-light: #f9f7f6;
  --surface: #ffffff;
  --wood-light: #d7ba9e;
  --wood-mid: #bf966d;
  --wood-dark: #93714e;
  --ink: #1a1a1a;
  --ink-soft: #5c4e36;
  --ink-muted: #8a8078;
  --line: #e6ddd2;
  --dark-surface: #33363a;

  --radius-card: 12px;
  --radius-btn: 8px;
  --maxw: 1200px;

  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: clamp(2rem, 1.4rem + 2.4vw, 3rem);

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
}