:root {
  --forest-950: #061610;
  --forest-900: #081c15;
  --forest-850: #0a2119;
  --forest-800: #123026;
  --gold-500: #d6a14b;
  --gold-400: #e2b96f;
  --ivory-100: #f4efe5;
  --stone-300: #aeb9b1;
  --line: rgba(214, 161, 75, .20);
  --line-soft: rgba(255,255,255,.08);
  --surface: rgba(255,255,255,.035);
  --shadow: 0 28px 90px rgba(0,0,0,.28);

  --font-display: "Manrope", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;

  --section-gap-compact: clamp(4rem, 6vw, 5.5rem);
  --section-gap-standard: clamp(5.5rem, 8vw, 8rem);
  --section-gap-reflective: clamp(6.5rem, 10vw, 9.5rem);

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 34px;
  --container: 1220px;
}

@media (max-width: 620px) {
  :root {
    --section-gap-compact: 4rem;
    --section-gap-standard: 5rem;
    --section-gap-reflective: 6.25rem;
  }
}