:root {
  --color-bg: #0A0806;
  --color-bg-rgb: 10 8 6;
  --color-surface: #131009;
  --color-surface-rgb: 19 16 9;
  --color-gold: #C9A84C;
  --color-gold-rgb: 201 168 76;
  --color-gold-light: #E8C97A;
  --color-text: #F0EDE6;
  --color-text-rgb: 240 237 230;
  --color-text-muted: #8A8070;
  --color-border: #2A2318;
  --color-cta: #C9A84C;
  --color-cta-hover: #E8C97A;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;

  --container: min(100% - 2rem, 1180px);
  --container-wide: min(100% - 2rem, 1440px);
  --space-section: clamp(4.5rem, 10vw, 9rem);
  --space-section-tight: clamp(3rem, 7vw, 6rem);
  --transition-smooth: 300ms ease;
  --transition-cinematic: 700ms cubic-bezier(0.16, 1, 0.3, 1);
}