:root {
  /* ─── Brand Colors ─── */
  --color-primary:        #1a3a6b;
  --color-primary-dark:   #0d2248;
  --color-primary-light:  #243f78;
  --color-accent:         #2e5fa3;
  --color-gold:           #c9a96e;
  --color-gold-light:     #dfc08a;
  --color-gold-dark:      #a8843e;
  --color-background:     #f5f5f2;
  --color-surface:        #ffffff;
  --color-surface-alt:    #f0efe9;
  --color-text:           #1a1a18;
  --color-text-muted:     #6b6b65;
  --color-text-light:     #9b9b94;
  --color-border:         #dddbd4;
  --color-border-light:   #ebebeb;
  --color-overlay:        rgba(13, 34, 72, 0.72);
  --color-overlay-light:  rgba(13, 34, 72, 0.45);

  /* ─── Typography ─── */
  --font-heading:  'Cormorant Garamond', Georgia, serif;
  --font-body:     'Jost', system-ui, sans-serif;
  --font-heading-ar: 'Cairo', Arial, sans-serif;
  --font-body-ar:    'Tajawal', Arial, 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:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;
  --leading-arabic: 1.9;

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ─── Spacing Scale ─── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  --section-padding-y:    var(--space-24);
  --section-padding-x:    var(--space-6);
  --container-max:        1280px;
  --container-padding:    clamp(1rem, 4vw, 3rem);

  /* ─── Border Radius ─── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ─── Shadows ─── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);
  --shadow-lg:  0 10px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);
  --shadow-xl:  0 20px 60px rgba(0,0,0,0.16), 0 8px 20px rgba(0,0,0,0.10);
  --shadow-gold: 0 4px 20px rgba(201,169,110,0.3);

  /* ─── Transitions ─── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-slower: 600ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ─── Z-index ─── */
  --z-below:    -1;
  --z-base:      0;
  --z-raised:    10;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-modal:     300;
  --z-overlay:   400;
  --z-toast:     500;

  /* ─── Nav ─── */
  --nav-height:        72px;
  --nav-height-mobile: 60px;
}