/* ==========================================================================
   ملف المتغيرات الأساسية - مؤسسة ميلودي برس العالمية للتدريب
   هذا الملف هو المصدر الوحيد لكل الألوان والخطوط والمسافات في الموقع
   أي تعديل على هوية الموقع البصرية (تغيير درجة لون، تغيير خط) يتم هنا فقط
   ولن تحتاج للبحث عنه في باقي الملفات
   ========================================================================== */

:root {

  /* -------------------- الألوان الأساسية -------------------- */
  /* اللون الكحلي: مأخوذ من شعار المؤسسة، يمثل الثقة والاحترافية */
  --color-navy-950: #0B1428;   /* كحلي غامق جدا - يستخدم في خلفية القسم الرئيسي */
  --color-navy-900: #101F3D;   /* كحلي أساسي - يستخدم في الهيدر والعناوين */
  --color-navy-800: #16233F;   /* كحلي متوسط - للبطاقات والعناصر الثانوية */
  --color-navy-700: #1F3155;   /* كحلي فاتح نسبيا - للحدود والفواصل على الخلفية الغامقة */

  /* اللون البرتقالي: مأخوذ من شعار المؤسسة، يمثل الطاقة والتميز */
  --color-orange-600: #D9822B; /* برتقالي غامق - لحالة التحويم على الأزرار */
  --color-orange-500: #F2A63D; /* برتقالي أساسي - للأزرار والعناصر البارزة */
  --color-orange-400: #FBBF63; /* برتقالي أفتح وأوضح - للسطر الصغير فوق الخلفية الغامقة */
  --color-orange-200: #FBDFA9; /* برتقالي فاتح - للمسات خفيفة وخلفيات صغيرة */

  /* الألوان المحايدة: تستخدم في النصوص والخلفيات الفاتحة */
  --color-paper: #F6F7FA;      /* خلفية فاتحة باردة تستخدم بدل الأبيض الخام */
  --color-paper-alt: #FFFFFF;  /* أبيض خالص - للبطاقات فوق خلفية paper */
  --color-ink: #16203A;        /* لون النص الأساسي الغامق */
  --color-slate: #5C6779;      /* لون النص الثانوي والوصفي */
  --color-slate-light: #8A93A6;/* لون النص الباهت جدا (تلميحات) */
  --color-line: #E2E5EC;       /* لون الخطوط الفاصلة الرفيعة */
  --color-line-dark: #2A3A5C;  /* لون الخطوط الفاصلة على الخلفية الغامقة */

  /* -------------------- الخطوط -------------------- */
  /* خط العناوين الكبيرة: خط عربي بطابع مؤسسي مميز */
  --font-display: 'El Messiri', 'Tahoma', sans-serif;
  /* خط الشارات والتسميات الصغيرة: طابع كوفي هندسي مميز */
  --font-label: 'Reem Kufi', 'Tahoma', sans-serif;
  /* خط النصوص الأساسية: خط عربي واضح ومريح للقراءة */
  --font-body: 'IBM Plex Sans Arabic', 'Tahoma', sans-serif;

  /* -------------------- المسافات (Spacing Scale) -------------------- */
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* -------------------- زوايا وظلال -------------------- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;

  --shadow-soft: 0 12px 32px -16px rgba(16, 31, 61, 0.25);
  --shadow-lift: 0 24px 48px -20px rgba(16, 31, 61, 0.35);

  /* -------------------- الحاوية العامة -------------------- */
  --container-width: 1200px;

  /* -------------------- توقيت الحركة -------------------- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 220ms;
  --duration-medium: 420ms;
  --duration-slow: 700ms;
}