:root {
  --color-navy: #1C3A57;
  --color-navy-deep: #142A40;
  --color-navy-soft: #2A4F73;
  --color-gold: #E3C07A;
  --color-gold-soft: #EFD7A1;
  --color-gold-deep: #C9A45F;
  --color-sage: #6F8482;
  --color-sage-soft: #95A6A4;
  --color-cream: #F8F4EC;
  --color-paper: #FBF8F1;
  --color-white: #FFFFFF;
  --color-ink: #1A1A1A;
  --color-ink-muted: #555E68;

  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script: 'Allura', 'Brush Script MT', cursive;

  --fs-h1: clamp(2rem, 5vw + 0.5rem, 5rem);
  --fs-h2: clamp(1.6rem, 3vw + 0.6rem, 3.5rem);
  --fs-h3: clamp(1.5rem, 1.5vw + 1rem, 2.25rem);
  --fs-h4: clamp(1.25rem, 0.5vw + 1rem, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-script: clamp(1.5rem, 4vw + 0.5rem, 4.5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --space-9: 8rem;

  --container-max: 1240px;
  --container-pad: clamp(1rem, 3vw, 2rem);

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(28, 58, 87, 0.08);
  --shadow-md: 0 8px 28px rgba(28, 58, 87, 0.14);
  --shadow-lg: 0 20px 60px rgba(28, 58, 87, 0.20);

  --t-fast: 0.18s ease;
  --t-base: 0.3s ease;
  --t-slow: 0.6s cubic-bezier(0.2, 0.6, 0.2, 1);
}