:root {
    --bg-color: #111111;
    /* مستخدم في: style.css (الخلفية الرئيسية للموقع Body) */
    --bg-light: #161616;
    /* مستخدم في: style.css (خلفيات فاتحة قليلاً لبعض الأقسام) */
    --bg-dark: #0d0d0d;
    /* مستخدم في: dashboard.css, style.css (الخلفيات العميقة كالشريط الجانبي وحقول الإدخال) */
    --primary: #5ba4d6; /* أزرق اللوجو (Line Studio) - اللون الأساسي */
    --primary-rgb: 91, 164, 214; /* القيم المجردة للون لاستخدامها في الشفافية */
    --primary-hover: hsl(205, 65%, 69%);  /* أزرق فاتح - لتأثيرات التمرير Hover */
    --primary-light: #cde4f4; /* أزرق باهت - لبعض اللمسات المضيئة */
    /* مستخدم في: style.css (التدرج اللوني الفاتح المدمج مع الزر الأساسي) */
    --text-main: #ffffff;
    /* مستخدم في: جميع الملفات (لون النص الرئيسي الأبيض السائد في الموقع) */
    --text-muted: #999999;
    /* مستخدم في: جميع الملفات (النصوص الثانوية، الأوصاف، العناوين الفرعية، النصوص الباهتة) */
    --glass-bg: rgba(26, 26, 26, 0.4);
    /* مستخدم في: style.css, dashboard.css (خلفيات التأثير الزجاجي للبطاقات والنوافذ) */
    --glass-border: rgba(var(--primary-rgb), 0.4);
    /* مستخدم في: style.css (حدود البطاقات الزجاجية عند التمرير Hover) */

    /* ==== الألوان الداكنة والخلفيات (Dark & Backgrounds) ==== */
    --color-dark-900: #000000;
    /* مستخدم في: booking.css, dashboard.css, style.css (الخلفيات، الحدود) */
    --color-dark-800: #050505;
    /* مستخدم في: dashboard.css, style.css (الخلفيات السفلية والفوتر) */
    --color-dark-700: #0a0a0a;
    /* مستخدم في: booking.css, style.css (السكرول بار والخلفيات العميقة) */
    --color-dark-600: #1a1a1a;
    /* مستخدم في: booking.css, dashboard.css (خلفيات البطاقات والنوافذ) */
    --color-dark-500: #222222;
    /* مستخدم في: booking.css (الحدود والخلفيات) */
    --color-dark-400: #2a2a2a;
    /* مستخدم في: booking.css (خلفيات عناصر محددة) */
    --color-dark-300: #333333;
    /* مستخدم في: booking.css (الحدود، خلفيات الحقول) */
    --color-dark-200: #3a3a3a;
    /* مستخدم في: style.css (السكرول بار) */
    --color-dark-100: #444444;
    /* مستخدم في: booking.css, dashboard.css (الحدود) */
    --color-dark-50: #555555;
    /* مستخدم في: style.css (السكرول بار عند التمرير) */

    /* ==== الرمادي والنصوص (Grays & Texts) ==== */
    --color-gray-900: #666666;
    /* مستخدم في: booking.css, style.css (نصوص الفوتر، الأيقونات) */
    --color-gray-800: #777777;
    /* مستخدم في: booking.css (نصوص ثانوية) */
    --color-gray-700: #888888;
    /* مستخدم في: style.css (نصوص القوائم والروابط) */
    --color-gray-600: #aaaaaa;
    /* مستخدم في: style.css (النصوص الباهتة) */
    --color-gray-500: #cccccc;
    /* مستخدم في: booking.css, dashboard.css, style.css (نصوص العناوين الفرعية والأوصاف) */

    /* ==== ألوان الشفافية الذهبية / الأساسية (Gold/Primary RGBA) ==== */
    /* اللون الذهبي: 212, 175, 55 (D4AF37) */
    --color-gold-alpha-05: rgba(var(--primary-rgb), 0.05);
    /* مستخدم في: booking.css, dashboard.css (خلفيات ناعمة للبطاقات) */
    --color-gold-alpha-10: rgba(var(--primary-rgb), 0.1);
    /* مستخدم في: booking.css, dashboard.css (خلفيات وحدود خفيفة) */
    --color-gold-alpha-15: rgba(var(--primary-rgb), 0.15);
    /* مستخدم في: style.css, dashboard.css (حدود الشريط الزجاجي) */
    --color-gold-alpha-20: rgba(var(--primary-rgb), 0.2);
    /* مستخدم في: booking.css, dashboard.css, style.css (ظلال، حدود البطاقات) */
    --color-gold-alpha-30: rgba(var(--primary-rgb), 0.3);
    /* مستخدم في: style.css (ظلال، حدود الأزرار) */
    --color-gold-alpha-50: rgba(var(--primary-rgb), 0.5);
    /* مستخدم في: style.css (ظلال عميقة) */
    --color-gold-alpha-60: rgba(var(--primary-rgb), 0.6);
    /* مستخدم في: style.css (ظلال بارزة) */
    --color-gold-alpha-80: rgba(var(--primary-rgb), 0.8);
    /* مستخدم في: style.css (حدود الأزرار عند التمرير) */

    /* ==== ألوان الشفافية للأسود (Black RGBA) ==== */
    --color-black-alpha-50: rgba(0, 0, 0, 0.5);
    /* مستخدم في: style.css, dashboard.css (خلفيات المودال، ظلال) */
    --color-black-alpha-60: rgba(0, 0, 0, 0.6);
    /* مستخدم في: style.css (ظلال) */
    --color-black-alpha-80: rgba(0, 0, 0, 0.8);
    /* مستخدم في: booking.css, dashboard.css (ظلال عميقة للبطاقات) */

    /* ==== خلفيات زجاجية (Glass Backgrounds) ==== */
    --glass-dark-80: rgba(17, 17, 17, 0.8);
    /* مستخدم في: dashboard.css (خلفيات البطاقات) */
    --glass-dark-65: rgba(20, 20, 20, 0.65);
    /* مستخدم في: style.css (الشريط العلوي Navbar) */
    --glass-dark-50: rgba(20, 20, 20, 0.5);
    /* مستخدم في: style.css (خلفيات زجاجية) */
    --glass-dark-alt-80: rgba(30, 30, 30, 0.8);
    /* مستخدم في: style.css (بطاقات) */

    /* ==== ألوان الشفافية للأبيض (White RGBA) ==== */
    --color-white-alpha-02: rgba(255, 255, 255, 0.02);
    /* مستخدم في: dashboard.css (تأثير التمرير Hover على الجداول) */
    --color-white-alpha-05: rgba(255, 255, 255, 0.05);
    /* مستخدم في: dashboard.css, style.css (حدود ناعمة، فواصل) */
    --color-white-alpha-10: rgba(255, 255, 255, 0.1);
    /* مستخدم في: booking.css, dashboard.css (حدود، فواصل الجداول) */
    --color-white-alpha-15: rgba(255, 255, 255, 0.15);
    /* مستخدم في: style.css (خلفيات زجاجية، بطاقات) */
    --color-white-alpha-20: rgba(255, 255, 255, 0.2);
    /* مستخدم في: style.css (حدود البطاقات) */
    --color-white-alpha-30: rgba(255, 255, 255, 0.3);
    /* مستخدم في: style.css (حدود البطاقات) */

    /* ==== ألوان الحالات والوسوم (Status Colors) ==== */
    /* النجاح / مقطوع (Success / Approved) */
    --status-success: #00c853;
    /* مستخدم في: dashboard.css (نصوص الحالات المقبولة) */
    --status-success-bg: rgba(0, 200, 83, 0.1);
    /* مستخدم في: dashboard.css (خلفية الحالات المقبولة) */
    --status-success-alt: #4caf50;
    /* مستخدم في: booking.css (علامات الصح، النصوص الناجحة) */

    /* المراجعة / الانتظار (Review / Pending / Warning) */
    --status-warning: #f39c12;
    /* مستخدم في: dashboard.css (نصوص قيد المراجعة) */
    --status-warning-bg: rgba(243, 156, 18, 0.1);
    /* مستخدم في: dashboard.css (خلفية قيد المراجعة) */
    --status-waiting: #ff9800;
    /* مستخدم في: dashboard.css (نصوص الانتظار الدفع) */
    --status-waiting-bg: rgba(255, 152, 0, 0.1);
    /* مستخدم في: dashboard.css (خلفية الانتظار الدفع) */
    --status-orange-bg: rgba(255, 165, 0, 0.1);
    /* مستخدم في: dashboard.css (خلفية برتقالية عامة) */

    /* الرفض / الحذف / الخطأ (Rejected / Delete / Danger) */
    --status-danger: #f44336;
    /* مستخدم في: dashboard.css (نصوص مرفوضة) */
    --status-danger-bg: rgba(244, 67, 54, 0.1);
    /* مستخدم في: dashboard.css (خلفية مرفوضة) */
    --status-delete: #ff4d4d;
    /* مستخدم في: dashboard.css (أزرار الحذف) */
    --status-delete-hover: #ff1a1a;
    /* مستخدم في: dashboard.css (زر الحذف عند التمرير) */

    /* ======================================================== */
    /* ==== الألوان الإضافية المرتبة (Organized Auto Colors) ==== */
    /* ======================================================== */

    /* --- Blues & Cyans --- */
    /* مستخدم في: dashboard.css */
    --color-blue-400: #2196F3;
    /* مستخدم في: dashboard.css, notifications.css */
    --color-blue-600: #1976d2;
    /* مستخدم في: dashboard.css */
    --color-cyan-500: #0dcaf0;
    /* مستخدم في: dashboard.css */
    --color-purple-500: #6f42c1;
    /* مستخدم في: dashboard.css */
    --color-cyan-600: #0a9cb9;
    /* مستخدم في: dashboard.css */
    --color-blue-500: #0d6efd;
    /* مستخدم في: dashboard.css */
    --color-blue-alpha-20: rgba(25,118,210,0.2);
    /* مستخدم في: dashboard.css */
    --color-blue-alpha-10: rgba(25,118,210,0.1);

    /* --- Grays & Transparents --- */
    /* مستخدم في: album.css, dashboard.css */
    --color-black-alpha-30: rgba(0, 0, 0, 0.3);
    /* مستخدم في: album.css */
    --color-black-alpha-85: rgba(0, 0, 0, 0.85);
    /* مستخدم في: dashboard.css */
    --color-gray-950: #141414;
    /* مستخدم في: dashboard.css, notifications.css */
    --color-gray-500-alt: #6c757d;
    /* مستخدم في: dashboard.css, notifications.css */
    --color-black-alpha-70: rgba(0,0,0,0.7);
    /* مستخدم في: dashboard.css */
    --color-black-alpha-20: rgba(0,0,0,0.2);
    /* مستخدم في: dashboard.css */
    --color-gray-alpha-20: rgba(100,100,100,0.2);
    /* مستخدم في: notifications.css */
    --color-gray-600-alt: #5a6268;
    /* مستخدم في: notifications.css */
    --color-gray-900-alt: #1e1e1e;
    /* مستخدم في: notifications.css */
    --color-white-alpha-08: rgba(255,255,255,0.08);
    /* مستخدم في: style.css */
    --color-black-alpha-05: rgba(0, 0, 0, 0.05);

    /* --- Greens --- */
    /* مستخدم في: album.css */
    --color-green-500: #28a745;
    /* مستخدم في: album.css */
    --color-green-alpha-10: rgba(40, 167, 69, 0.1);
    /* مستخدم في: album.css */
    --color-green-alpha-50: rgba(40, 167, 69, 0.5);
    /* مستخدم في: dashboard.css */
    --color-green-600: #198754;
    /* مستخدم في: dashboard.css */
    --color-teal-500: #20c997;
    /* مستخدم في: dashboard.css */
    --color-green-700: #146c43;
    /* مستخدم في: dashboard.css */
    --color-success-alpha-05: rgba(0, 200, 83, 0.05);
    /* مستخدم في: dashboard.css */
    --color-success-alpha-20: rgba(0, 200, 83, 0.2);
    /* مستخدم في: dashboard.css */
    --color-success-alpha-30: rgba(0, 200, 83, 0.3);
    /* مستخدم في: notifications.css */
    --color-green-800: #1e7e34;

    /* --- Reds & Pinks --- */
    /* مستخدم في: dashboard.css */
    --color-red-600: #e60000;
    /* مستخدم في: dashboard.css */
    --color-red-500: #dc3545;
    /* مستخدم في: dashboard.css */
    --color-pink-500: #e83e8c;
    /* مستخدم في: dashboard.css */
    --color-pink-600: #d63384;
    /* مستخدم في: dashboard.css */
    --color-red-alpha-10: rgba(255, 77, 77, 0.1);
    /* مستخدم في: dashboard.css */
    --color-red-alpha-20: rgba(255, 77, 77, 0.2);
    /* مستخدم في: dashboard.css */
    --color-red-alpha-30: rgba(255, 77, 77, 0.3);
    /* مستخدم في: dashboard.css */
    --color-red-pure-alpha-05: rgba(255,0,0,0.05);
    /* مستخدم في: dashboard.css */
    --color-red-pure-alpha-10: rgba(255,0,0,0.1);
    /* مستخدم في: dashboard.css */
    --color-red-alpha-05: rgba(255, 77, 77, 0.05);

    /* --- Yellows & Golds --- */
    /* مستخدم في: dashboard.css */
    --color-yellow-500: #ffc107;
    /* مستخدم في: dashboard.css */
    --color-orange-500: #fd7e14;
    /* مستخدم في: dashboard.css */
    --color-yellow-700: #b28704;
    /* مستخدم في: dashboard.css */
    --color-true-gold-alpha-20: rgba(212, 175, 55, 0.2);
    /* مستخدم في: dashboard.css */
    --color-true-gold-alpha-10: rgba(212,175,55,0.1);
    /* مستخدم في: dashboard.css */
    --color-true-gold-alpha-30: rgba(212,175,55,0.3);
    /* مستخدم في: dashboard.css */
    --color-true-gold-alpha-05: rgba(212, 175, 55, 0.05);
}