/* Fallback fonts لمنع CLS أثناء تحميل الخطوط */
:root {
    --font-primary: 'Cairo', 'Arial', sans-serif;
    --font-secondary: 'Tajawal', 'Arial', sans-serif;
}

/* ============================================================
   variables.css — المصدر الموحد لمتغيرات CSS
   يُستورَد أولاً في كل ملف CSS آخر، لا يُكرَّر أبداً
   ============================================================ */

/* ===== استيراد الخطوط — مرة واحدة فقط هنا ===== */
/* الخطوط تُحمَّل من header.php مباشرة لتسريع LCP */

:root {
    /* ── الألوان الأساسية ── */
    --primary-color:    #667eea;
    --secondary-color:  #764ba2;
    --accent-color:     #8B5CF6;
    --success-color:    #4ade80;
    --warning-color:    #fbbf24;
    --danger-color:     #f87171;

    /* ── التدرجات ── */
    --primary-gradient:   linear-gradient(135deg, #667eea 0%, #764ba2 50%, #8B5CF6 100%);
    --secondary-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --danger-gradient:    linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
    --success-gradient:   linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);
    --warning-gradient:   linear-gradient(135deg, #ffa726 0%, #ffcc02 100%);
    --dark-gradient:      linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    --gradient-primary:   linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);

    /* ── الخلفيات والأسطح ── */
    --dark-bg:        #0f1419;
    --bg-dark:        #0f1419;
    --bg-medium:      #374151;
    --bg-gray-800:    #1f2937;
    --bg-gray-700:    #374151;
    --bg-gray-900:    #111827;
    --glass-bg:       rgba(255, 255, 255, 0.15);
    --glass-border:   rgba(255, 255, 255, 0.2);
    --card-bg:        rgba(255, 255, 255, 0.1);

    /* ── الحدود ── */
    --border-color:      rgba(255, 255, 255, 0.2);
    --border-gray-700:   #374151;
    --border-gray-600:   #4b5563;
    --border-yellow-600: #d97706;
    --border-green-600:  #059669;
    --border-red-600:    #dc2626;

    /* ── النصوص ── */
    --text-light:     #e2e8f0;
    --text-white:     #ffffff;
    --text-gray-300:  #d1d5db;
    --text-gray-400:  #9ca3af;
    --text-yellow-400:#fbbf24;
    --text-green-400: #4ade80;
    --text-red-400:   #f87171;
    --text-muted:     #94a3b8;
    --text-secondary: #94a3b8;
    --text-dark:      #2d3748;

    /* ── الظلال ── */
    --shadow-light:  0 8px 32px rgba(31, 38, 135, 0.37);
    --shadow-heavy:  0 15px 35px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 10px 25px rgba(0, 0, 0, 0.15);

    /* ── الأبعاد والتأثيرات ── */
    --border-radius: 16px;
    --transition:    all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── تخطيط الداشبورد ── */
    --header-height:           64px;
    --sidebar-width-expanded:  280px;
    --sidebar-width-collapsed: 80px;
}