:root {
  /* الخلفيات */
  --bg-primary: #080808;
  --bg-secondary: #0D0D0D;
  --bg-card: #141414;
  --bg-elevated: #1C1C1C;
  --bg-overlay: rgba(8, 8, 8, 0.92);

  /* الألوان المميزة */
  --accent: #F0EBE1;
  --accent-hover: #FFFFFF;
  --accent-dim: rgba(240, 235, 225, 0.08);
  --accent-medium: rgba(240, 235, 225, 0.15);

  /* النصوص */
  --text-primary: #F0EBE1;
  --text-secondary: #A8A8A8;
  --text-muted: #484848;
  --text-inverse: #080808;

  /* الحدود */
  --border: rgba(240, 235, 225, 0.08);
  --border-strong: rgba(240, 235, 225, 0.18);
  --border-accent: rgba(240, 235, 225, 0.35);

  /* الحالات */
  --success: #22C55E;
  --error: #EF4444;
  --warning: #F59E0B;
  --info: #3B82F6;
  --whatsapp: #25D366;

  /* التباعد — نظام 8px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* الزوايا */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* الخطوط */
  --font-display: 'Clash Display', sans-serif;
  --font-arabic: 'Cairo', sans-serif;
  --font-number: 'Space Grotesk', monospace;

  /* أحجام الخطوط — fluid scaling بـ clamp() */
  --text-xs:   clamp(10px, 1.5vw, 12px);
  --text-sm:   clamp(12px, 1.8vw, 14px);
  --text-base: clamp(14px, 2vw, 16px);
  --text-lg:   clamp(16px, 2.5vw, 18px);
  --text-xl:   clamp(18px, 3vw, 22px);
  --text-2xl:  clamp(22px, 4vw, 28px);
  --text-3xl:  clamp(28px, 5vw, 36px);
  --text-4xl:  clamp(36px, 6vw, 48px);
  --text-5xl:  clamp(48px, 8vw, 72px);

  /* الظلال */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.6);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.7);
  --shadow-accent: 0 0 24px rgba(240,235,225,0.12);

  /* الانتقالات */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}