/* ==========================================================================
   CSS VARIABLES & DESIGN TOKENS
   Theme: Luxury Emerald × Champagne Gold × Ivory
   ========================================================================== */

:root {
  /* Color Palette */
  --clr-primary-emerald: #0F5132;
  --clr-dark-emerald: #062C20;
  --clr-deep-emerald: #031D15;
  --clr-emerald-light: #166A43;

  --clr-champagne-gold: #C9A227;
  --clr-gold-light: #E5C358;
  --clr-gold-dark: #967614;
  --clr-gold-muted: rgba(201, 162, 39, 0.4);

  --clr-ivory: #F8F5ED;
  --clr-warm-beige: #E8DFCF;
  --clr-paper: #FAF7F0;
  
  --clr-text-main: #2A363B;
  --clr-text-light: #F8F5ED;
  --clr-text-muted: rgba(248, 245, 237, 0.7);
  --clr-text-gold: #D4AF37;

  /* Overlay & Shadows */
  --clr-overlay-dark: rgba(3, 29, 21, 0.85);
  --clr-overlay-light: rgba(6, 44, 32, 0.5);
  --shadow-gold: 0 10px 30px rgba(201, 162, 39, 0.2);
  --shadow-door: 0 20px 50px rgba(0, 0, 0, 0.7);
  --shadow-card: 0 15px 35px rgba(3, 29, 21, 0.12);

  /* Typography */
  --ff-heading: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --ff-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ff-accent: 'Cormorant Garamond', serif;

  /* Font Sizes */
  --fs-xs: clamp(0.75rem, 1.5vw, 0.875rem);
  --fs-sm: clamp(0.875rem, 2vw, 1rem);
  --fs-base: clamp(1rem, 2.5vw, 1.125rem);
  --fs-lg: clamp(1.25rem, 3vw, 1.5rem);
  --fs-xl: clamp(1.75rem, 4vw, 2.25rem);
  --fs-2xl: clamp(2.25rem, 5vw, 3.25rem);
  --fs-3xl: clamp(3rem, 7vw, 4.5rem);
  --fs-hero: clamp(3.5rem, 9vw, 6rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-max-w: 1140px;
  --container-narrow: 800px;
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
  --border-radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-door: 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}