/* =========================================
   📥 تعريف الخطوط محلياً (Local Fonts - v14)
   ========================================= */

/* 1. الوزن الخفيف (Light - 300) */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-v14-arabic-300.woff2') format('woff2');
}

/* 2. الوزن العادي (Regular - 400) */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-v14-arabic-regular.woff2') format('woff2');
}

/* 3. الوزن المتوسط (Medium - 500) */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-v14-arabic-500.woff2') format('woff2');
}

/* 4. الوزن العريض (Bold - 700) */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/ibm-plex-sans-arabic-v14-arabic-700.woff2') format('woff2');
}

/* =========================================
   🌍 المتغيرات العامة (Variables)
   ========================================= */
:root {
    /* 🎨 1. ألوان الهوية (مستوحاة من اللوجو) */
    
    /* الأزرق: تم سحب الدرجة بدقة من كلمة "أنادل" في اللوجو */
    --primary-color: #005691;       /* أزرق أنادل الرسمي */
    --primary-light: #0089C9;       /* أزرق سماوي (مثل أعلى اللوجو) */
    --primary-dark: #003d66;        /* أزرق كحلي عميق (للعناوين والفوتر) */
    
    /* الذهبي: تم استخدام كود #FFD700 كما طلبت، مع ضبط الظلال */
    /* ⭐ بديل عصري */
--secondary-color: #00AEEF;
--secondary-dark: #0077A3;
--text-on-gold: #ffffff;
    /* النص الذي يكتب فوق الأزرق يجب أن يكون أبيض */
    --text-on-primary: #ffffff;

    /* 🎨 2. ألوان النصوص والخلفيات */
    --text-main: #2C3E50;           /* لون النصوص (رمادي غامق مزرق) - مريح أكثر من الأسود */
    --text-light: #7F8C8D;          /* للنصوص الفرعية */
    --bg-light: #F7F9FC;            /* خلفية الصفحات (أبيض مائل للأزرق الخفيف جداً) */
    --bg-white: #ffffff;
    --border-color: #e1e8ed;        /* لون الحدود الفاتح */
    
    --danger: #e74c3c;              /* لون التنبيهات */
    --success: #2ecc71;             /* لون النجاح */

    /* ✒️ 3. الخطوط */
    --main-font: 'IBM Plex Sans Arabic', sans-serif;
    --heading-font: 'IBM Plex Sans Arabic', sans-serif;

    /* 📐 4. الأبعاد والمسافات */
    --container-width: 1240px;      /* تم توسيع العرض قليلاً ليتناسب مع الشاشات الحديثة */
    --header-height: 90px;
    --border-radius: 10px;          /* حواف ناعمة */
    --btn-radius: 50px;             /* حواف دائرية للأزرار */
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* حركة ناعمة جداً */
    
    /* ✨ 5. تأثيرات خاصة (Shadows & Gradients) */
    --shadow-sm: 0 2px 8px rgba(0, 86, 145, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 86, 145, 0.15);
    /* تدرج لوني يحاكي اللوجو (من الأزرق الغامق للفاتح) */
    --main-gradient: linear-gradient(135deg, var(--primary-color) 0%, #009fe3 100%);
}