:root {
  --cream: #fff7e8;
  --cream-deep: #f4e6c8;
  --gold: #f3c85b;
  --coral: #e77b5f;
  --sage: #758d70;
  --cranberry: #914653;
  --slate: #263f4b;
  --cocoa: #49342d;
  --ink: #2a1f1b;
  --paper: #fffdf8;
  --muted: #6d5b52;
  --line: rgba(73, 52, 45, 0.14);
  --warm-grad: linear-gradient(135deg, #f3c85b 0%, #e77b5f 100%);
  --cold-grad: linear-gradient(135deg, #914653 0%, #263f4b 100%);
  --bridge-grad: linear-gradient(115deg, #e77b5f 0%, #914653 52%, #263f4b 100%);
  --year-grad: linear-gradient(120deg, #f3c85b 0%, #e77b5f 48%, #914653 100%);
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --radius: 1.25rem;
  --radius-sm: 0.75rem;
  --shadow: 0 18px 50px rgba(38, 63, 75, 0.12);
  --header-h: 5.25rem;
  --max: 72rem;
  --measure: 40rem;
}

@media (max-width: 768px) {
  :root {
    --space-5: 3rem;
    --space-6: 4.25rem;
    --header-h: 4.5rem;
  }
}