/* ==========================================================================
   KSV DIGITAL WEDDING INVITATION - DESIGN TOKENS & VARIABLES
   Crafted with luxury traditional South Indian aesthetic
   ========================================================================== */

:root {
  /* Color Palette - Traditional Royal South Indian */
  --bg-parchment: #FAF5EB;
  --bg-ivory: #FCF9F2;
  --bg-cream: #F5EFE4;
  --bg-sand: #EDE4D3;
  --bg-card: rgba(255, 253, 248, 0.94);
  --bg-maroon-dark: #3F0510;
  --bg-maroon-rich: #5C0B1B;
  --bg-maroon-medium: #781025;

  /* Traditional Royal Maroon Shades */
  --color-maroon: #6B0E23;
  --color-maroon-dark: #4A0817;
  --color-maroon-deep: #380511;
  --color-maroon-light: #8E1631;
  --color-maroon-soft: rgba(107, 14, 35, 0.08);

  /* Auspicious Antique Gold Accents */
  --gold-primary: #C59838;
  --gold-light: #DFC06D;
  --gold-bright: #F3D47E;
  --gold-deep: #966E20;
  --gold-antique: #A97E2C;
  --gold-foil: linear-gradient(135deg, #BF8A2A 0%, #F5DE88 25%, #C29334 50%, #FAF0A8 75%, #9E711E 100%);
  --gold-foil-text: linear-gradient(135deg, #A87720 0%, #D8AB46 30%, #B38227 60%, #E8C96C 100%);

  /* Secondary Accents */
  --color-kumkum: #931326;
  --color-turmeric: #DE931D;
  --color-leaf-green: #375438;
  --color-leaf-muted: #5B7A5C;
  --color-text-primary: #380713;
  --color-text-secondary: #5C2D36;
  --color-text-muted: #7A535A;
  --color-text-gold: #966E20;

  /* Typography */
  --font-serif-en: 'Cormorant Garamond', 'Cinzel', Georgia, serif;
  --font-display-en: 'Cinzel', serif;
  --font-script: 'Great Vibes', 'Alex Brush', cursive;
  --font-tamil: 'Noto Serif Tamil', 'Mukta Malar', 'Latha', serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* Shadows & Glows */
  --shadow-sm: 0 2px 8px rgba(92, 11, 27, 0.06);
  --shadow-md: 0 8px 24px rgba(92, 11, 27, 0.1);
  --shadow-lg: 0 16px 36px rgba(92, 11, 27, 0.14);
  --shadow-gold: 0 6px 20px rgba(197, 152, 56, 0.25);
  --shadow-gold-lg: 0 10px 30px rgba(197, 152, 56, 0.35);
  --glow-diya: 0 0 16px rgba(222, 147, 29, 0.5);

  /* Borders & Radii */
  --border-gold-thin: 1px solid rgba(197, 152, 56, 0.45);
  --border-gold-double: 3px double rgba(197, 152, 56, 0.7);
  --border-gold-ornate: 2px solid rgba(197, 152, 56, 0.6);
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-medium: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  --transition-cinematic: 1.4s cubic-bezier(0.25, 1, 0.5, 1);

  /* Safe Area Mobile Handling */
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);
}