:root {
  /* Brand Colors */
  --color-bg:             #0D0D0D;
  --color-bg-card:        #1A1A1A;
  --color-bg-section:     #111111;
  --color-bg-alt:         #141414;
  --color-gold:           #C9A84C;
  --color-gold-dark:      #8B6914;
  --color-gold-light:     #E8C97A;
  --color-gold-subtle:    rgba(201,168,76,0.12);
  --color-gold-border:    rgba(201,168,76,0.3);
  --color-text:           #F5F5F0;
  --color-text-muted:     #A0A09A;
  --color-text-faint:     #666660;
  --color-border:         #242424;
  --color-success:        #4CAF7C;
  --color-error:          #CF6679;
  --color-overlay:        rgba(0,0,0,0.75);

  /* Typography */
  --font-heading:  'Playfair Display', Georgia, serif;
  --font-body:     'Inter', system-ui, -apple-system, sans-serif;
  --font-arabic:   'Cairo', 'Noto Naskh Arabic', Arial, sans-serif;

  --fs-xs:   0.75rem;    /*  12px */
  --fs-sm:   0.875rem;   /*  14px */
  --fs-base: 1rem;       /*  16px */
  --fs-lg:   1.125rem;   /*  18px */
  --fs-xl:   1.25rem;    /*  20px */
  --fs-2xl:  1.5rem;     /*  24px */
  --fs-3xl:  1.875rem;   /*  30px */
  --fs-4xl:  2.25rem;    /*  36px */
  --fs-5xl:  3rem;       /*  48px */
  --fs-6xl:  3.75rem;    /*  60px */

  --fw-light:  300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;

  --lh-tight:  1.2;
  --lh-snug:   1.4;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

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

  /* Layout */
  --container-max:  1200px;
  --container-px:   1.5rem;
  --nav-height:     110px;

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

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:   0 4px 24px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 40px rgba(0,0,0,0.5);
  --shadow-gold: 0 4px 20px rgba(201,168,76,0.2);

  /* Transitions */
  --ease-fast:   150ms ease;
  --ease-normal: 300ms ease;
  --ease-slow:   500ms ease;

  /* Z-index */
  --z-base:    1;
  --z-dropdown: 100;
  --z-header:  200;
  --z-overlay: 300;
  --z-modal:   400;
}

[lang="ar"] {
  --font-body:    var(--font-arabic);
  --font-heading: var(--font-arabic);
}