/* ==========================================================================
   نور الإيمان / مشكاة — نظام التصميم والهوية البصرية الموحدة (Single Source of Truth)
   الملف المرجعي الموحد لألوان الموقع والمنظومة بالكامل
   تعديل الألوان هنا ينعكس تلقائياً وفوراً على كافة الصفحات والعناصر
   ========================================================================== */

:root {
    /* 🏛️ 1. الألوان الأساسية الكحلية الفاخرة (Deep Royal Navy) */
    --brand-navy-dark: #071527;      /* كحلي داكن ليلي - لشريط الثقة، شريط الإعلانات، والفوتر */
    --brand-navy: #0F2744;           /* كحلي ملكي رئيسي - للهوية والعناوين والبطاقات الفخمة */
    --brand-navy-card: #153358;      /* كحلي وسطي لبطاقات العرض التفاعلية */
    --brand-navy-light: #1E3A8A;     /* أزرق نيلي كلاسيكي */

    /* ⚡ 2. ألوان التمييز والتفاعل البراقة (Electric Cyan & Vibrant Sky) */
    --brand-accent: #0284C7;          /* أزرق سيان رئيسي - للأزرار والروابط والمميزات */
    --brand-accent-hover: #0369A1;    /* سيان عند تمرير الفأرة (Hover) */
    --brand-accent-light: #0EA5E9;    /* سيان ساطع للنصوص والعناصر البارزة */
    --brand-accent-glow: #38BDF8;     /* أزرق سماوي مشع للشعارات والتوهجات والحدود */
    --brand-accent-soft: #F0F9FF;     /* أزرق ثلجي فاتح وناعم جداً لخلفيات البطاقات والشارات */
    --brand-accent-border: #BAE6FD;   /* حدود زرقاء ناعمة متناسقة */

    /* 👑 3. اللمسات الذهبية الملكية (Royal Amber & Gold) */
    --brand-gold: #D97706;            /* ذهبي كهرماني كلاسيكي */
    --brand-gold-light: #F59E0B;      /* ذهبي مشرق للشارات والنجوم والأسعار */
    --brand-gold-soft: #FEF3C7;       /* خلفية ذهبية ناعمة للبطاقات المميزة */
    --brand-gold-border: #FDE68A;

    /* 💬 4. هوية تطبيق واتساب الحصرية (Official WhatsApp Brand Only) */
    --brand-whatsapp: #25D366;        /* الأخضر المعتمد عالمياً لتطبيق واتساب فقط */
    --brand-whatsapp-hover: #1EBE5D;
    --brand-whatsapp-dark: #128C7E;

    /* 🟢 5. حالات المؤشرات الوظيفية الدلالية فقط (Semantic Indicators) */
    --status-success: #10B981;        /* لحالة حاضر / تم بنجاح فقط */
    --status-success-soft: #ECFDF5;
    --status-success-border: #A7F3D0;
    --status-danger: #EF4444;         /* لحالة الغياب / خطأ */
    --status-danger-soft: #FEE2E2;

    /* 🎨 6. المتغيرات الوظيفية العامة للربط المتوافق (CSS Aliases) */
    --primary: var(--brand-navy);
    --primary-dark: var(--brand-navy-dark);
    --primary-light: var(--brand-accent);
    --primary-soft: var(--brand-accent-soft);
    --accent: var(--brand-accent);
    --accent-glow: var(--brand-accent-glow);
    --gold: var(--brand-gold);
    --gold-light: var(--brand-gold-light);
    
    /* 🌫️ 7. الظلال والانعكاسات المنسجمة مع الهوية الكحلية */
    --shadow-sm: 0 2px 4px rgba(7, 21, 39, 0.05);
    --shadow-md: 0 4px 14px rgba(7, 21, 39, 0.08);
    --shadow-lg: 0 10px 30px rgba(15, 39, 68, 0.14);
    --shadow-accent: 0 8px 24px rgba(2, 132, 199, 0.3);
    --shadow-glow: 0 0 25px rgba(56, 189, 248, 0.35);

    /* 📏 8. القياسات والحدود */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;
}