/* متغيرات الألوان الزرقاء العامة للمشروع */
/* يمن كور - Yemen Core Blue Theme Variables */

:root {
    /* الألوان الأساسية */
    --blue-primary: #0d6efd;
    --blue-secondary: #3b82f6;
    --blue-accent: #1e40af;
    --blue-light: #dbeafe;
    --blue-extra-light: #eff6ff;
    --blue-dark: #1e3a8a;
    
    /* التدرجات الزرقاء */
    --blue-gradient-main: linear-gradient(135deg, #0d6efd 0%, #3b82f6 50%, #1e40af 100%);
    --blue-gradient-1: linear-gradient(135deg, #0d6efd 0%, #3b82f6 50%, #1e40af 100%);
    --blue-gradient-2: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
    --blue-gradient-3: linear-gradient(135deg, #93c5fd 0%, #60a5fa 50%, #3b82f6 100%);
    --blue-gradient-secondary: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
    --blue-gradient-footer: linear-gradient(135deg, #002ca9 0%, #002767 50%, #004eaf 100%);
    --blue-gradient-footer-dark: linear-gradient(135deg, #001a65 0%, #002767 50%, #003a8f 100%);
    
    /* الظلال الزرقاء */
    --shadow-blue: rgba(13, 110, 253, 0.25);
    --shadow-blue-hover: rgba(13, 110, 253, 0.4);
    --shadow-blue-light: rgba(13, 110, 253, 0.15);
    
    /* ألوان إضافية للتناسق */
    --blue-text: #1e40af;
    --blue-bg: #eff6ff;
    --blue-border: rgba(13, 110, 253, 0.2);
    
    /* للوضع المظلم */
    --blue-dark-primary: #3b82f6;
    --blue-dark-secondary: #60a5fa;
    --blue-dark-bg: rgba(59, 130, 246, 0.1);

    /* خلفية الوضع المظلم (متغيرات عامة) */
    --bg-dark-start: #f6fbff;   /* البداية العلوية للتدرج */
    --bg-dark-end: #aac8f7;     /* النهاية السفلية للتدرج */
    --bg-dot-color: rgb(87 185 255 / 22%); /* لون النقاط */
    --bg-dot-size: 22px;         /* حجم شبكة النقاط */
}

/* دعم الوضع المظلم */
[data-bs-theme="dark"] {
    --blue-primary: #3b82f6;
    --blue-secondary: #60a5fa;
    --blue-text: #93c5fd;
    --blue-bg: rgba(59, 130, 246, 0.1);
    --blue-gradient-main: linear-gradient(135deg, #003c77 0%, #04213f 100%);

    /* قيم أكثر عمقًا للخلفية في الوضع المظلم */
    --bg-dark-start: #0d223b;   /* قريب من المعاينة المرفقة */
    --bg-dark-end: #081120;
    --bg-dot-color: rgba(255, 255, 255, 0.06);
    --bg-dot-size: 22px;
}

/* تحسينات إضافية للمتغيرات */
:root {
    /* متغيرات التحريك والانتقال */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    
    /* متغيرات التظليل */
    --blur-light: blur(10px);
    --blur-medium: blur(20px);
    --blur-heavy: blur(30px);
    
    /* متغيرات الحدود المنحنية */
    --border-radius-sm: 8px;
    --border-radius-md: 15px;
    --border-radius-lg: 25px;
    --border-radius-xl: 30px;
}