/* =============================================
   JIYA HOLIDAYS - CSS VARIABLES / DESIGN TOKENS
   Change brand colors here to update site-wide
   ============================================= */

:root {
  /* ── Brand Colors ── */
  --primary:        #792F9A;
  --primary-light:  #9A4DB8;
  --primary-dark:   #5A1F78;
  --primary-rgb:    121, 47, 154;

  --secondary:      #F75F31;
  --secondary-light:#FF8055;
  --secondary-dark: #D44520;
  --secondary-rgb:  247, 95, 49;

  /* ── Neutral Palette ── */
  --white:          #FFFFFF;
  --off-white:      #F8F5FC;
  --light-grey:     #F0ECF5;
  --mid-grey:       #A89BB5;
  --dark-grey:      #4A3D56;
  --charcoal:       #1E1428;
  --black:          #0D0912;

  /* ── UI Tokens ── */
  --bg-body:        #F8F5FC;
  --bg-card:        #FFFFFF;
  --bg-dark:        #1E1428;
  --text-primary:   #1E1428;
  --text-secondary: #4A3D56;
  --text-muted:     #A89BB5;
  --text-light:     #FFFFFF;
  --border:         rgba(121,47,154,0.15);

  /* ── Gradients ── */
  --grad-primary:   linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  --grad-secondary: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 100%);
  --grad-hero:      linear-gradient(135deg, rgba(121,47,154,0.92) 0%, rgba(30,20,40,0.85) 60%, rgba(247,95,49,0.75) 100%);
  --grad-card:      linear-gradient(180deg, rgba(121,47,154,0) 50%, rgba(121,47,154,0.9) 100%);
  --grad-sunset:    linear-gradient(135deg, #792F9A 0%, #B0427A 50%, #F75F31 100%);

  /* ── Shadows ── */
  --shadow-sm:      0 2px 8px rgba(121,47,154,0.12);
  --shadow-md:      0 8px 24px rgba(121,47,154,0.18);
  --shadow-lg:      0 20px 50px rgba(121,47,154,0.22);
  --shadow-card:    0 4px 20px rgba(30,20,40,0.12);
  --shadow-btn:     0 6px 20px rgba(247,95,49,0.40);
  --shadow-primary: 0 6px 20px rgba(121,47,154,0.40);

  /* ── Spacing ── */
  --space-xs:       4px;
  --space-sm:       8px;
  --space-md:       16px;
  --space-lg:       24px;
  --space-xl:       40px;
  --space-2xl:      64px;
  --space-3xl:      96px;

  /* ── Typography ── */
  --font-display:   'Playfair Display', Georgia, serif;
  --font-body:      'DM Sans', sans-serif;
  --font-accent:    'Montserrat', sans-serif;

  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-base:      1rem;
  --text-lg:        1.125rem;
  --text-xl:        1.25rem;
  --text-2xl:       1.5rem;
  --text-3xl:       2rem;
  --text-4xl:       2.75rem;
  --text-5xl:       3.75rem;
  --text-6xl:       5rem;

  /* ── Border Radius ── */
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;
  --radius-xl:      32px;
  --radius-full:    9999px;

  /* ── Transitions ── */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast:    0.15s var(--ease-out);
  --transition-base:    0.3s  var(--ease-out);
  --transition-slow:    0.5s  var(--ease-out);
  --transition-spring:  0.4s  var(--ease-spring);

  /* ── Z-Index ── */
  --z-below:    -1;
  --z-base:      0;
  --z-raised:    10;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-modal:     300;
  --z-loader:    999;
}