/* ============================================================================
   Design tokens — Sunney & Shivani Wedding V2
   Palette, type and ornament language taken from the printed invitation card
   (sun/wed_invite/card/eng/wedding-invite-eng.pdf)
   ============================================================================ */

:root {
  /* ---- Core palette (sampled from the card) ---- */
  --color-cream: #FDF7EC;
  --color-ivory: #F7EBD8;
  --color-champagne: #EFDFC4;
  --color-parchment: #FBF3E4;

  --color-gold: #C9A227;
  --color-gold-light: #E8C978;
  --color-gold-pale: #F2E3B6;
  --color-gold-deep: #A67C1E;

  --color-maroon: #6E1B2A;
  --color-maroon-deep: #47101C;
  --color-maroon-soft: #8E2B3C;

  --color-rose: #D98E9B;
  --color-blush: #F3D9DC;

  --color-ink: #3A2226;
  --color-black: #14090C;
  --color-white: #FFFFFF;

  /* ---- Gradients ---- */
  --gradient-gold: linear-gradient(135deg, #A67C1E 0%, #E8C978 22%, #C9A227 46%, #F4E6B8 68%, #B98E23 100%);
  --gradient-gold-soft: linear-gradient(135deg, #E8C978 0%, #F4E6B8 50%, #C9A227 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent 0%, var(--color-gold) 25%, var(--color-gold-light) 50%, var(--color-gold) 75%, transparent 100%);

  --gradient-cream: radial-gradient(120% 90% at 50% 0%, #FFFDF7 0%, var(--color-cream) 38%, var(--color-ivory) 72%, var(--color-champagne) 100%);
  --gradient-blush: radial-gradient(110% 80% at 50% 10%, #FFFBF3 0%, #FDF4E6 40%, #F6E2DA 78%, #EFD3CD 100%);
  --gradient-night: radial-gradient(120% 100% at 50% 30%, rgba(110, 27, 42, 0.55) 0%, rgba(30, 10, 16, 0.86) 55%, rgba(12, 5, 8, 0.96) 100%);
  --gradient-scrim: linear-gradient(to bottom, transparent 0%, rgba(20, 9, 12, 0.35) 34%, rgba(20, 9, 12, 0.85) 70%, rgba(12, 5, 8, 0.96) 100%);

  /* ---- Typography ---- */
  --font-script: 'Great Vibes', cursive;               /* couple names, as on the card */
  --font-display: 'Cinzel', serif;                     /* caps headings, dates */
  --font-serif: 'Cormorant Garamond', Georgia, serif;  /* body copy */
  --font-devanagari: 'Noto Serif Devanagari', serif;

  /* Fluid type scale */
  --font-size-xs: clamp(0.66rem, 0.6rem + 0.3vw, 0.78rem);
  --font-size-sm: clamp(0.8rem, 0.74rem + 0.34vw, 0.95rem);
  --font-size-base: clamp(0.94rem, 0.86rem + 0.4vw, 1.1rem);
  --font-size-md: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
  --font-size-lg: clamp(1.3rem, 1.1rem + 0.9vw, 1.75rem);
  --font-size-xl: clamp(1.7rem, 1.35rem + 1.7vw, 2.6rem);
  --font-size-2xl: clamp(2.2rem, 1.6rem + 2.8vw, 3.6rem);
  --font-size-3xl: clamp(2.8rem, 1.9rem + 4.2vw, 5rem);
  --font-size-script: clamp(2.6rem, 1.8rem + 4vw, 5.2rem);

  /* ---- Spacing ---- */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 72px;

  /* ---- Radii ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --radius-arch: 46% 46% 14px 14px / 30% 30% 14px 14px;

  /* ---- Shadows & glows ---- */
  --shadow-soft: 0 10px 30px rgba(71, 16, 28, 0.10), 0 2px 8px rgba(71, 16, 28, 0.06);
  --shadow-card: 0 18px 44px rgba(71, 16, 28, 0.14), 0 4px 12px rgba(71, 16, 28, 0.08);
  --shadow-lift: 0 26px 60px rgba(71, 16, 28, 0.20), 0 8px 18px rgba(71, 16, 28, 0.12);
  --shadow-frame: 0 30px 70px rgba(30, 8, 14, 0.38), 0 10px 24px rgba(30, 8, 14, 0.22);
  --glow-gold: 0 0 28px rgba(232, 201, 120, 0.42);
  --glow-gold-strong: 0 0 44px rgba(232, 201, 120, 0.6);

  /* ---- Layers ---- */
  --z-base: 1;
  --z-watermark: 2;
  --z-content: 10;
  --z-overlay: 100;

  /* ---- Motion ---- */
  --transition-fast: 160ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 320ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 620ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-scene: 620ms;
}