/* ==========================================================================
   Weddings Wonders — Design Tokens & Variables
   Theme: Dark Luxury Wedding
   ========================================================================== */

:root {
  /* --- Primary Color Palette --- */
  --color-black: #050505;
  --color-black-soft: #0B0B0B;
  --color-charcoal: #121212;
  --color-charcoal-light: #1A1A1A;

  /* --- Gold Accent Palette --- */
  --color-gold: #D9A441;
  --color-gold-light: #F6D58A;
  --color-gold-dark: #9A641B;
  --color-gold-pale: #FFE7A6;

  /* --- Metallic Gold Gradient --- */
  --gold-gradient: linear-gradient(
    120deg,
    #9A641B 0%,
    #F6D58A 25%,
    #D9A441 50%,
    #FFE7A6 75%,
    #9A641B 100%
  );
  --gold-gradient-soft: linear-gradient(
    135deg,
    rgba(217, 164, 65, 0.25) 0%,
    rgba(246, 213, 138, 0.1) 100%
  );

  /* --- Rose Pink Accent Palette --- */
  --color-pink: #E8788D;
  --color-pink-light: #F4A5B3;
  --color-pink-soft: rgba(232, 120, 141, 0.15);

  /* --- Typography Colors --- */
  --color-white: #F7F3EA;
  --color-white-soft: #D8D2C7;
  --color-muted: #8F8A82;

  /* --- Borders & Dividers --- */
  --border-gold-subtle: 1px solid rgba(217, 164, 65, 0.16);
  --border-gold-medium: 1px solid rgba(217, 164, 65, 0.35);
  --border-gold-bright: 1px solid rgba(217, 164, 65, 0.65);
  --border-gold-glow: 0 0 15px rgba(217, 164, 65, 0.18);

  /* --- Typography Families --- */
  --font-heading: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-script: 'Great Vibes', 'Allura', cursive;
  --font-body: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Typography Scale --- */
  --text-h1: clamp(2.5rem, 5vw + 1rem, 5rem);
  --text-h2: clamp(2rem, 3.5vw + 0.5rem, 3.75rem);
  --text-h3: clamp(1.5rem, 2vw + 0.5rem, 2.25rem);
  --text-h4: clamp(1.2rem, 1.5vw + 0.25rem, 1.6rem);
  --text-body: 1.0625rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;

  /* --- Spacing System --- */
  --section-padding-y: clamp(4.5rem, 8vw, 9rem);
  --container-max-width: 1360px;
  --container-padding-x: clamp(1.25rem, 4vw, 4rem);

  /* --- Border Radius --- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* --- Transitions --- */
  --transition-fast: 0.25s ease;
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Shadows & Glows --- */
  --shadow-luxury: 0 20px 50px rgba(0, 0, 0, 0.6);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
  --glow-gold: 0 0 25px rgba(217, 164, 65, 0.25);
  --glow-gold-sm: 0 0 12px rgba(217, 164, 65, 0.2);

  /* --- Header Dimensions & Z-Index --- */
  --header-height: 90px;
  --header-height-scrolled: 76px;
  --header-height-mobile: 72px;
  --z-header: 1000;
  --z-modal: 2000;
}