/* ==========================================================================
   ADIL EVENT - DESIGN TOKENS & SYSTEM VARIABLES (WHITE & COLORFUL FESTIVE THEME)
   ========================================================================== */

:root {
  /* Vibrant Festive Color Palette on Crisp White */
  --color-bg-body: #ffffff;
  --color-bg-subtle: #f8fafc;
  --color-bg-section-alt: #f1f5f9;
  --color-bg-card: #ffffff;
  --color-bg-card-hover: #fffdfa;
  --color-bg-glass: rgba(255, 255, 255, 0.94);

  /* Colorful Celebration & Party Accents */
  --color-party-pink: #ff007a;
  --color-party-purple: #7928ca;
  --color-party-yellow: #ffb703;
  --color-party-orange: #fb8500;
  --color-party-cyan: #00b4d8;
  --color-party-emerald: #10b981;
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #1ebe5d;

  /* Radiant Festive Gradients */
  --gradient-party-primary: linear-gradient(135deg, #ff007a 0%, #7928ca 50%, #00b4d8 100%);
  --gradient-party-warm: linear-gradient(135deg, #ff007a 0%, #fb8500 50%, #ffb703 100%);
  --gradient-party-gold: linear-gradient(135deg, #ffb703 0%, #fb8500 100%);
  --gradient-party-cool: linear-gradient(135deg, #7928ca 0%, #00b4d8 100%);
  --gradient-card-border: linear-gradient(135deg, rgba(255, 0, 122, 0.4), rgba(121, 40, 202, 0.4), rgba(0, 180, 216, 0.4));

  /* High-Contrast Crisp Typography on White */
  --color-text-primary: #0f172a;    /* Deep slate black */
  --color-text-secondary: #334155;  /* Slate */
  --color-text-muted: #64748b;      /* Medium slate */
  --color-text-light: #94a3b8;

  /* Borders & Dividers */
  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-card: #e2e8f0;
  --border-festive: rgba(255, 0, 122, 0.25);
  --border-festive-strong: rgba(255, 0, 122, 0.6);

  /* Typography Families */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Fluid Typography Clamps - Proportional from 360px Mobile (Oppo Reno 2Z) to Widescreen */
  --text-xs: clamp(0.7rem, 0.67rem + 0.18vw, 0.8125rem);
  --text-sm: clamp(0.78rem, 0.74rem + 0.22vw, 0.875rem);
  --text-base: clamp(0.875rem, 0.84rem + 0.22vw, 1.0625rem);
  --text-md: clamp(0.96rem, 0.92rem + 0.3vw, 1.25rem);
  --text-lg: clamp(1.1rem, 1.02rem + 0.4vw, 1.45rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.55vw, 1.75rem);
  --text-2xl: clamp(1.45rem, 1.3rem + 0.85vw, 2.25rem);
  --text-3xl: clamp(1.65rem, 1.45rem + 1.2vw, 2.85rem);
  --text-hero: clamp(1.85rem, 1.6rem + 2vw, 4.25rem);

  /* Cheerful Festive Elevation & Colorful Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 10px 25px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 20px 35px -5px rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.03);
  --shadow-party: 0 12px 30px -4px rgba(255, 0, 122, 0.22), 0 6px 16px -2px rgba(121, 40, 202, 0.18);
  --shadow-party-warm: 0 12px 28px -4px rgba(251, 133, 0, 0.25);

  /* Glassmorphism */
  --backdrop-blur: blur(16px);
  --backdrop-blur-heavy: blur(24px);

  /* EXPANDED FLUID WIDESCREEN CONTAINER ARCHITECTURE */
  --container-max: min(94vw, 1680px);
  --container-narrow: min(90vw, 1280px);
  --section-padding: clamp(2.5rem, 2.2rem + 1.8vw, 6.5rem);
  --gutter: clamp(0.75rem, 0.7rem + 0.5vw, 2.5rem);

  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Transitions & Easings */
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 180ms ease;
  --transition-normal: 300ms var(--ease-smooth);
  --transition-slow: 600ms var(--ease-smooth);

  /* Z-Index Hierarchy */
  --z-negative: -1;
  --z-particles: 1;
  --z-elevate: 2;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-floating: 150;
}