/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — ملف الهوية الوحيد
   لتطبيق الثيم على عميل آخر: غيّر القيم هنا فقط.
   ═══════════════════════════════════════════════════════════════ */
:root {
    /* ── ألوان الهوية ── */
    --c-primary: #2238DD;          /* Deep Blue — الأزرار والروابط والعناوين المهمة */
    --c-primary-hover: #1B2DB5;    /* درجة أغمق من الأساسي عند المرور */
    --c-primary-soft: #EEF0FD;     /* خلفية خفيفة جدًا مشتقة من الأساسي (أيقونات/شارات) */
    --c-accent: #00B7E2;           /* Light Blue — لمسات صغيرة فقط */
    --c-navy: #252379;             /* Navy — النصوص الرئيسية والفوتر */
    --c-gray: #909AA7;             /* Gray — حدود وعناصر زخرفية */
    --c-white: #FFFFFF;

    /* ── مشتقات محايدة ── */
    --c-bg: var(--c-white);
    --c-bg-alt: #F6F7FB;           /* خلفية الأقسام البديلة */
    --c-text: var(--c-navy);
    --c-text-muted: #636E7D;       /* رمادي الهوية بدرجة أغمق ليحقق تباين WCAG AA للنصوص */
    --c-border: #E4E7EE;           /* حدود خفيفة */
    --c-border-strong: #D3D8E1;
    --c-eyebrow: var(--c-primary); /* نص العنوان الصغير (الأزرق الفاتح لا يحقق AA كنص) */
    --c-on-dark-muted: rgba(255, 255, 255, 0.74);

    /* ── الخطوط ── */
    --font-ar: "Readex Pro";             /* بديل Abu Dhabi Pro */
    --font-en: "Montserrat";             /* بديل Proxima Nova — للإنجليزي والأرقام */
    --font-sans: var(--font-en), var(--font-ar), Tahoma, Arial, sans-serif;

    /* الجوال — تُكبَّر في الديسكتوب أدناه */
    --fs-xs: 0.8125rem;    /* 13 */
    --fs-sm: 0.9375rem;    /* 15 */
    --fs-base: 1rem;       /* 16 */
    --fs-lg: 1.125rem;     /* 18 */
    --fs-xl: 1.3125rem;    /* 21 */
    --fs-h2: clamp(1.75rem, 1.25rem + 1.7vw, 2.5rem);
    --fs-h1: clamp(2.125rem, 1.35rem + 2.9vw, 3.375rem);
    --fs-stat: clamp(1.625rem, 1rem + 3vw, 3.25rem);
    --lh-tight: 1.3;
    --lh-body: 1.8;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* ── المسافات ── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --section-y: 64px;            /* الجوال */
    --container: 1200px;
    --gutter: 16px;

    /* ── الزوايا ── */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* ── الظلال (خفيفة جدًا — للـ hover فقط) ── */
    --shadow-hover: 0 10px 28px rgba(37, 35, 121, 0.07);
    --shadow-sticky: 0 4px 18px rgba(37, 35, 121, 0.06);

    /* ── الحركة ── */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --dur: 0.3s;

    /* ── الهيدر ── */
    --header-h: 80px;
}

@media (min-width: 768px) {
    :root {
        --gutter: 24px;
    }
}

@media (min-width: 992px) {
    :root {
        --section-y: 96px;
        --header-h: 88px;
        --container: 1320px;

        /* الديسكتوب: نصوص أكبر قليلًا لقراءة مريحة */
        --fs-xs: 0.875rem;   /* 14 */
        --fs-sm: 1rem;       /* 16 */
        --fs-base: 1.0625rem; /* 17 */
        --fs-lg: 1.1875rem;  /* 19 */
        --fs-xl: 1.375rem;   /* 22 */
    }
}

/* الشاشات الكبيرة: محتوى أعرض */
@media (min-width: 1600px) {
    :root {
        --container: 1440px;
        --gutter: 32px;
    }
}