/* ==========================================================================
   variables.css
   Single source of truth for the site's palette, type, spacing, and motion.
   Change a value here and it updates everywhere the site uses it.
   ========================================================================== */

:root {

  /* ---- Color: backgrounds ---- */
  --color-ivory:            #F3EFE7;   /* main light background (nav, section 2) */
  --color-ivory-soft:       #FBF8F2;   /* slightly lighter panel background */
  --color-charcoal:         #1B1712;   /* near-black background (section 3, countdown) */

  /* ---- Color: hero overlay ---- */
  --color-hero-scrim:       #2A1D14;   /* dark warm-brown scrim over hero video */
  --color-hero-scrim-alpha: 0.45;      /* opacity used for the scrim gradient */

  /* ---- Color: accent ---- */
  --color-gold:             #B8934A;   /* logo, dividers, active nav state, dates */
  --color-gold-soft:        #D8BE8B;   /* lighter gold for hover/secondary use */

  /* ---- Color: text ---- */
  --color-text-hero:        #FDFBF7;   /* text sitting on the hero video */
  --color-text-nav:         #4A4038;   /* muted charcoal-brown nav text on ivory */
  --color-text-body:        #3A332B;   /* body copy on ivory backgrounds */
  --color-text-muted:       #8A8072;   /* secondary/muted text on ivory */
  --color-text-on-dark:     #EDE7DC;   /* body text on charcoal background */
  --color-text-on-dark-mute:#9C948A;   /* muted text on charcoal background */

  /* ---- Color: card surfaces ---- */
  --color-card-bg:          #FFFFFF;   /* white cards sitting on the ivory page bg */
  --color-card-border:      rgba(74, 64, 56, 0.08);

  /* ---- Typography: font families ----
     Devanagari fallback fonts are included so Marathi text (which none of
     the primary fonts support) still renders in a matching serif/sans
     style instead of dropping to a generic system font. The browser
     automatically uses the fallback only for the characters the primary
     font is missing — English text is unaffected. */
  --font-script:  'Alex Brush', 'Noto Sans Devanagari', cursive;
  --font-serif:   'Playfair Display', 'Noto Serif Devanagari', serif;
  --font-sans:    'Jost', 'Montserrat', 'Noto Sans Devanagari', sans-serif;

  /* ---- Typography: sizes ---- */
  --fs-hero-headline: clamp(3rem, 9vw, 7rem);
  --fs-section-heading: clamp(1.8rem, 4vw, 2.75rem);
  --fs-nav-link: 0.8rem;
  --fs-eyebrow: 0.85rem;
  --fs-body: 1rem;
  --fs-small: 0.85rem;

  /* ---- Spacing scale ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;

  /* ---- Layout ---- */
  --nav-height: 84px;
  --max-width: 1400px;
  --radius-pill: 999px;
  --radius-card: 20px;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.25s var(--ease-standard);
  --transition-slow: 0.6s var(--ease-standard);
}