:root {
  --color-bg: #faf6f0;
  --color-surface: #f2ead9;
  --color-surface-alt: #ece0c7;
  --color-text: #2b2018;
  --color-text-soft: #5a4a3c;
  --color-text-muted: #8a7a6a;
  --color-accent: #b85c38;
  --color-accent-hover: #9b4a2a;
  --color-border: #e5dcc9;
  --r-md: 12px;
  --r-pill: 999px;
  --fs-base: 1.0625rem;
  --fs-3xl: clamp(2.25rem, 6vw, 3.25rem);
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --container-max: 720px;
}