/* ==========================================================================
   DESIGN TOKENS — Pravin & Anupama, v2.0
   Light luxury editorial palette. Change values here to re-theme the
   entire site — nothing below this file should hard-code a color or font.
   ========================================================================== */

:root{

  /* ---- Palette — jewel-toned editorial: warm ivory grounded by deep      */
  /* maroon + antique gold, with emerald as a rare third accent. This is    */
  /* the site's signature combination — deliberately warmer and richer     */
  /* than a pastel palette, closer to the color language of an actual      */
  /* Indian wedding card, but still restrained enough to stay "editorial". */
  --color-bg:            #FFFBF6;   /* warm ivory page background */
  --color-bg-alt:        #FBF2E9;   /* secondary section background */
  --color-cream:         #F6EADC;   /* card / panel background */
  --color-gold:          #C9A24B;   /* antique gold — primary accent */
  --color-rose:          #F0D9D6;   /* deeper blush accent */
  --color-sage:          #D7E3D2;   /* soft green accent */
  --color-text:          #3B2A22;   /* primary text — warm espresso */

  --color-maroon:        #7A1F35;   /* deep wine — the invitation's jewel note */
  --color-maroon-soft:   #B9788A;   /* dusty rose-mauve, derived from maroon */
  --color-emerald:       #2F5D50;   /* deep jewel green — used sparingly */

  /* ---- Derived tones ---- */
  --color-gold-light:    #E9D3A3;   /* pale gold — hairlines, hover fills */
  --color-gold-deep:     #9C7A32;   /* deeper gold — small text, borders */
  --color-text-soft:     #8C7160;   /* secondary / caption text */
  --color-white:         #FFFFFF;

  /* ---- Typography ---- */
  --font-heading: 'Cormorant Garamond', serif;
  --font-script:  'Great Vibes', cursive;
  --font-body:    'Poppins', sans-serif;

  /* ---- Spacing scale ---- */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  28px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;

  /* ---- Radius / shadow / motion ---- */
  --radius-sm: 6px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --radius-full: 999px;

  --shadow-soft:  0 20px 60px rgba(59, 42, 34, 0.10);
  --shadow-lift:  0 30px 80px rgba(59, 42, 34, 0.16);
  --shadow-gold:  0 0 50px rgba(201, 162, 75, 0.3);
  --shadow-maroon:0 20px 50px rgba(122, 31, 53, 0.22);

  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1.1s;

  /* ---- Layout ---- */
  --content-max: 720px;
  --section-pad-y: 14vh;
  --section-pad-x: 6vw;
}