:root {
  --color-primary: #7c2d12;
  --color-accent: #ea580c;
  --color-bg: #fffbeb;
  --color-surface: #fff6df;
  --color-surface-strong: #f4dfbe;
  --color-text: #2d211b;
  --color-text-muted: #6f5548;
  --color-line: #dcbf9e;
  --color-ink-on-primary: #fffbeb;
  --color-ink-on-accent: #24130c;
  --color-wash: #f7e7ca;
  --color-white: #fffdf6;
  --radius-sm: 0.4rem;
  --radius-md: 1.15rem;
  --radius-lg: 2.25rem;
  --radius-pill: 999px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;
  --space-7: 10rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 3vw, 2.2rem);
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;
  --max-width: 1180px;
  --shadow-soft: 0 18px 45px rgba(96, 50, 23, .12);
}