:root {
  /* ===== 🎨 لوحة الألوان العصرية - متناسقة مع الصفحة الرئيسية ===== */
  
  /* اللون الأساسي - Blue/Green Gradient من الصفحة الرئيسية */
  --site-primary: #2563eb; /* ✅ أزرق عصري */
  --site-primary-light: #3b82f6; /* ✅ أزرق فاتح */
  --site-primary-dark: #1e40af; /* ✅ أزرق غامق */
  --site-primary-hover: #1d4ed8; /* ✅ أزرق عند الـ hover */
  --site-primary-gradient: linear-gradient(135deg, #2563eb 0%, #10b981 100%); /* ✅ التدرج الأساسي */
  
  /* اللون المميز - Green من التدرج */
  --site-accent: #10b981; /* ✅ أخضر عصري */
  --site-accent-light: #34d399; /* ✅ أخضر فاتح */
  --site-accent-hover: #059669; /* ✅ أخضر عند الـ hover */
  --site-accent-gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%); /* ✅ تدرج أخضر */

  /* ألوان محايدة */
  --site-text-primary: #212529;
  --site-text-secondary: #6c757d;
  --site-text-light: #ffffff;
  --site-bg-primary: #ffffff;
  --site-bg-secondary: #f8f9fa;
  --site-border-color: #dee2e6;
  
  /* ألوان الحالة (مبسطة) */
  --site-success: var(--site-primary); /* Success is our primary green */
  --site-danger: #dc3545;
  --site-warning: var(--site-accent); /* Warning is our accent gold */
  --site-info: #0d6efd; /* Standard Bootstrap info blue */

  /* ألوان الظلال والتدرجات */
  --site-shadow-color: rgba(0, 0, 0, 0.1);
  --site-gradient-primary: linear-gradient(135deg, var(--site-primary), var(--site-primary-light));

  /* ===== 🌟 ألوان خاصة بصفحة البروفايل ===== */
  --star-color: #FFC107; /* لون النجوم الذهبي */
  --star-muted: #E0E0E0; /* لون النجوم غير المحددة */
  --star-hover: #FFD54F; /* لون النجوم عند التمرير */
  
  /* 🚨 الاستشارة العاجلة - Red/Orange */
  --urgent-color: #EF4444; /* أحمر فاتح عصري */
  --urgent-hover: #DC2626; /* أحمر غامق */
  --urgent-gradient: linear-gradient(135deg, #EF4444 0%, #F59E0B 100%); /* تدرج أحمر/برتقالي */
  
  /* 💚 الاستشارة العادية - Blue/Green من الصفحة الرئيسية */
  --normal-color: #2563eb; /* أزرق */
  --normal-hover: #1d4ed8;
  --normal-gradient: linear-gradient(135deg, #2563eb 0%, #10b981 100%); /* نفس تدرج الصفحة الرئيسية */
  
  /* 🏠 الاستشارة المنزلية - Purple/Pink */
  --home-color: #8B5CF6; /* بنفسجي عصري */
  --home-hover: #7C3AED; /* أغمق */
  --home-gradient: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%); /* تدرج بنفسجي/وردي */
  
  --muted-color: #888; /* لون النصوص الثانوية */
  --muted-light: #aaa; /* لون النصوص الخفيفة */
  
  --stat-yellow: #f59e0b; /* لون الإحصائيات الصفراء */
  --online-color: #4caf50; /* لون مؤشر الاتصال */
  --online-badge: #4caf50; /* لون شارة الاتصال */
  
  --rating-bar-bg: #FFEB3B; /* لون شريط التقييم */
  --rating-bg: var(--site-bg-secondary); /* خلفية قسم التقييم - يستخدم الخلفية الثانوية */
  
  --profile-border: var(--site-primary); /* لون بوردر الصورة - يستخدم اللون الأساسي */
  --profile-bg: var(--site-bg-secondary); /* خلفية البروفايل - يستخدم الخلفية الثانوية */
  
  --warning-bg: #fffbe6; /* خلفية التحذير */
  --warning-color: #f59e0b; /* لون التحذير */
  
  --disabled-bg: #94a3b8; /* لون الأزرار المعطلة */
  --disabled-text: #64748b; /* لون نص الأزرار المعطلة */
  
  --hover-yellow: #fff200; /* لون التمرير الأصفر */
  --hover-shadow: rgba(37, 99, 235, 0.2); /* ظل التمرير - أزرق خفيف */
  
  /* 🎭 الظلال العصرية - Soft & Elegant */
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* ظل البطاقات خفيف */
  --card-hover-shadow: 0 8px 24px rgba(37, 99, 235, 0.2); /* ظل التمرير للبطاقات - أزرق */
  --card-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12); /* ظل كبير */
  --glow-shadow: 0 4px 20px rgba(37, 99, 235, 0.25); /* توهج أزرق خفيف */

  /* ===== ألوان المؤهلات العلمية ===== */
  --qualification-diploma: #6c757d; /* رمادي للمؤهل الدبلوم */
  --qualification-bachlore: var(--site-primary); /* أخضر للمؤهل البكالوريوس */
  --qualification-master: var(--site-accent); /* ذهبي للمؤهل الماجستير */
  --qualification-phd: #dc3545; /* أحمر للمؤهل الدكتوراه */

  /* ===== الوضع المظلم ===== */
  --dark-bg: #121212; /* A true black for OLED screens */
  --dark-surface: #1e1e1e; /* Elevated surfaces */
  --dark-border: #2c2c2c;
  --dark-text: #e0e0e0; /* Slightly off-white for better readability */
  --dark-text-muted: #a0a0a0;
  
  /* ألوان خاصة بالتصميم الحالي (متوافقة مع النظام المبسط) */
  --header-bg: var(--site-bg-primary);
  --header-text: var(--site-text-secondary);
  --footer-bg: var(--dark-surface);
  --footer-text: var(--dark-text-muted);
  
  /* أزرار thm متوافقة مع النظام المبسط */
  --btn-thm-bg: var(--site-primary);
  --btn-thm-text: var(--site-text-light);
  --btn-thm-hover-bg: var(--site-primary-hover);
  --btn-thm-hover-text: var(--site-text-light);
  --btn-thm-border: var(--site-primary);

  --btn-thm2-bg: transparent;
  --btn-thm2-text: var(--site-primary);
  --btn-thm2-hover-bg: var(--site-primary);
  --btn-thm2-hover-text: var(--site-text-light);
  --btn-thm2-border: var(--site-primary);
  
  --btn-thm3-bg: var(--site-accent);
  --btn-thm3-text: var(--site-text-light);
  --btn-thm3-hover-bg: var(--site-accent-hover);
  --btn-thm3-hover-text: var(--site-text-light);
  --btn-thm3-border: var(--site-accent);
}

/* ===== تطبيق الوضع المظلم ===== */
[data-theme="dark"] {
  --site-text-primary: var(--dark-text);
  --site-text-secondary: var(--dark-text-muted);
  --site-bg-primary: var(--dark-bg);
  --site-bg-secondary: var(--dark-surface);
  --site-border-color: var(--dark-border);

  --header-bg: var(--dark-surface);
  --header-text: var(--dark-text);
  --footer-bg: #000000;
  
  --btn-thm2-text: var(--site-accent-light);
  --btn-thm2-border: var(--site-accent-light);
  --btn-thm2-hover-bg: var(--site-accent-light);
  --btn-thm2-hover-text: var(--dark-bg);
}

/* ===== ثيم الداشبورد ===== */
[data-theme="dashboard"] {
  --site-primary: var(--dashboard-primary);
  --site-primary-light: var(--dashboard-primary-light);
  --site-primary-dark: var(--dashboard-primary-dark);
  
  --site-success: var(--dashboard-success);
  --site-success-light: var(--dashboard-success-light);
  --site-success-dark: var(--dashboard-success-dark);
  
  --site-warning: var(--dashboard-warning);
  --site-warning-light: var(--dashboard-warning-light);
  --site-warning-dark: var(--dashboard-warning-dark);
  
  --site-danger: var(--dashboard-danger);
  --site-danger-light: var(--dashboard-danger-light);
  --site-danger-dark: var(--dashboard-danger-dark);
  
  --site-info: var(--dashboard-info);
  --site-info-light: var(--dashboard-info-light);
  --site-info-dark: var(--dashboard-info-dark);
}

/* ===== ثيم الواجهة العامة ===== */
[data-theme="public"] {
  --site-primary: #009181;
  --site-primary-light: #00A78E;
  --site-primary-dark: #00695C;
}