:root {
  --color-paper: #f4eee5;
  --color-cream: #e9ddce;
  --color-espresso: #2f1b13;
  --color-cocoa: #71401b;
  --color-burnt-orange: #db641c;
  --color-wine: #7a2d32;
  --color-olive: #48513c;
  --color-charcoal: #1b1917;
  --color-white: #ffffff;
  --color-border: rgba(47, 27, 19, 0.22);
  --color-paper-muted: rgba(244, 238, 229, 0.72);
  --color-white-muted: rgba(255, 255, 255, 0.74);
  --color-wine-soft: rgba(122, 45, 50, 0.08);

  --font-display: "Bodoni Moda", "Times New Roman", serif;
  --font-body: "DM Sans", Arial, sans-serif;

  --font-size-hero: clamp(3.45rem, 10vw, 6.875rem);
  --font-size-display: clamp(3.4rem, 7.5vw, 7.25rem);
  --font-size-section: clamp(2.65rem, 6vw, 4.5rem);
  --font-size-category: clamp(1.85rem, 3.8vw, 2.75rem);
  --font-size-lead: clamp(1.12rem, 2vw, 1.42rem);
  --font-size-body: clamp(1rem, 1.4vw, 1.125rem);
  --font-size-small: clamp(0.82rem, 1vw, 0.92rem);
  --font-size-label: 0.75rem;

  --line-height-tight: 0.9;
  --line-height-heading: 1;
  --line-height-body: 1.65;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: clamp(2.5rem, 5vw, 4.5rem);
  --space-8: clamp(4rem, 8vw, 7.5rem);
  --space-9: clamp(5rem, 11vw, 10rem);

  --page-gutter: clamp(1rem, 4vw, 4rem);
  --content-width: 90rem;
  --reading-width: 42rem;
  --header-border: 1px solid var(--color-border);
  --radius-small: 0.125rem;
  --transition-fast: 180ms ease;
  --focus-ring: 3px solid var(--color-burnt-orange);
}