/* ═══════════════════════════════════════════════
   Candeur Design System — CSS Variables
   Deep Navy (#0A1628) + Gold (#D4AF37)
   ═══════════════════════════════════════════════ */

:root {
  /* ── Brand Colors ── */
  --c-navy:        #0A1628;
  --c-navy-mid:    #1E3A5F;
  --c-navy-light:  #2D5280;
  --c-navy-50:     rgba(10,22,40,0.5);
  --c-gold:        #D4AF37;
  --c-gold-light:  #F5E27A;
  --c-gold-dark:   #A88B20;
  --c-gold-10:     rgba(212,175,55,0.1);
  --c-gold-20:     rgba(212,175,55,0.2);
  --c-gold-40:     rgba(212,175,55,0.4);
  --c-white:       #FFFFFF;
  --c-surface:     #F8F9FF;
  --c-surface-2:   #EEF0F8;
  --c-text:        #1A1A2E;
  --c-text-muted:  #6B7280;
  --c-border:      rgba(212,175,55,0.2);
  --c-success:     #22C55E;
  --c-warning:     #F59E0B;
  --c-error:       #EF4444;
  --c-info:        #3B82F6;

  /* ── Gradients ── */
  --grad-hero:     linear-gradient(135deg, #0A1628 0%, #1E3A5F 55%, #0D2137 100%);
  --grad-gold:     linear-gradient(135deg, #D4AF37, #F5E27A, #D4AF37);
  --grad-card:     linear-gradient(145deg, rgba(30,58,95,0.92), rgba(10,22,40,0.97));
  --grad-surface:  linear-gradient(180deg, #F8F9FF 0%, #FFFFFF 100%);
  --grad-section:  linear-gradient(180deg, #FFFFFF 0%, #F0F2FF 100%);
  --grad-footer:   linear-gradient(180deg, #0D2137 0%, #0A1628 100%);

  /* ── Shadows ── */
  --shadow-sm:     0 2px 8px rgba(10,22,40,0.08);
  --shadow-md:     0 8px 24px rgba(10,22,40,0.12);
  --shadow-lg:     0 16px 48px rgba(10,22,40,0.16);
  --shadow-gold:   0 8px 32px rgba(212,175,55,0.35);
  --shadow-3d:     0 25px 60px rgba(212,175,55,0.25), 0 10px 30px rgba(10,22,40,0.4);

  /* ── Typography ── */
  --font-heading:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:     'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ur:       'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif;
  --font-ar:       'Scheherazade New', 'Amiri', serif;

  /* ── Spacing Scale ── */
  --sp-xs:  0.375rem;   /* 6px  */
  --sp-sm:  0.75rem;    /* 12px */
  --sp-md:  1.25rem;    /* 20px */
  --sp-lg:  2rem;       /* 32px */
  --sp-xl:  3.5rem;     /* 56px */
  --sp-2xl: 6rem;       /* 96px */

  /* ── Border Radius ── */
  --r-xs:   6px;
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-full: 9999px;

  /* ── Transitions ── */
  --t-fast:   0.18s ease;
  --t-smooth: 0.38s cubic-bezier(0.4,0,0.2,1);
  --t-bounce: 0.5s cubic-bezier(0.34,1.56,0.64,1);
  --t-slow:   0.6s cubic-bezier(0.4,0,0.2,1);

  /* ── Layout ── */
  --container-max: 1280px;
  --header-h:      72px;
  --mobile-nav-h:  65px;
  --top-bar-h:     40px;

  /* ── Z-index ── */
  --z-card:      10;
  --z-dropdown:  100;
  --z-sticky:    500;
  --z-overlay:   800;
  --z-modal:     1000;
  --z-toast:     2000;
}