:root {
  --color-bg: #0f0f10;
  --color-bg-elevated: #171719;
  --color-bg-panel: #1f1f22;
  --color-bg-soft: #26262a;
  --color-ink: #f7f7f5;
  --color-charcoal: #ece9e2;
  --color-warm-gray: #bbb3a8;
  --color-gold: #c5a46a;
  --color-gold-deep: #9a7a45;
  --color-gold-soft: #dac39a;
  --color-success: #5bb07b;
  --color-danger: #d47c7c;

  /* El Messiri carries the headings — it has the calligraphic warmth a
     boutique needs; Tajawal keeps body copy crisp at phone sizes. */
  --font-heading: "El Messiri", "Alexandria", "GE SS Two", "DIN Next LT Arabic", sans-serif;
  --font-body: "Tajawal", "Alexandria", "GE SS Two", "DIN Next LT Arabic", sans-serif;

  --container-max: 1240px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 32px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;
  --space-7: 5rem;

  --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.22);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.16);

  --transition-fast: 180ms ease;
  --transition-medium: 280ms ease;
}