/* ==========================================================================
   Second Eye Security — لوحة الألوان الرسمية
   مستخرجة من الشعار. لا يُضاف لون خارج هذا الملف.
   كل قيمة مفحوصة على WCAG AA.
   ========================================================================== */

:root{
  /* Primary — أزرق الشعار الملكي — الساعة 6
     الاستخدام: الأزرار الأساسية، الروابط المهمة، الحالة النشطة
     RGB 51, 63, 162 · HSL 234, 52%, 42% · تباين على الأبيض 8.85:1 */
  --color-primary: #333FA2;
  /* Primary Dark — اشتقاق: الأساسي −18% إضاءة
     الاستخدام: حالة الضغط والتمرير على الأزرار
     RGB 40, 50, 127 · HSL 233, 52%, 33% · تباين على الأبيض 11.33:1 */
  --color-primary-dark: #28327F;
  /* Secondary — بنفسجي الشعار — الساعة 8
     الاستخدام: الروابط النصية، حلقة التركيز، التأكيد الثانوي
     RGB 78, 58, 142 · HSL 254, 42%, 39% · تباين على الأبيض 9.05:1 */
  --color-secondary: #4E3A8E;
  /* Accent — فيروزي الشعار معتّم للقراءة
     الاستخدام: الأيقونات، المؤشرات، علامات المسار، التأكيد
     RGB 13, 138, 126 · HSL 174, 83%, 30% · تباين على الأبيض 4.24:1 */
  --color-accent: #0D8A7E;
  /* Accent Light — فيروزي الشعار كما هو — الساعة 3
     الاستخدام: الخلفيات الخفيفة، الأشرطة، الرسوم
     RGB 72, 168, 168 · HSL 180, 40%, 47% · تباين على الأبيض 2.82:1 */
  --color-accent-light: #48A8A8;
  /* Accent Mint — نعناعي الشعار — الساعة 1
     الاستخدام: التظليل، التدرّج، الرسوم التوضيحية فقط
     RGB 117, 222, 187 · HSL 160, 61%, 66% · تباين على الأبيض 1.63:1 */
  --color-accent-mint: #75DEBB;
  /* Background — اشتقاق: صبغة الأزرق الملكي بإضاءة 98%
     الاستخدام: خلفية الصفحة
     RGB 247, 249, 252 · HSL 216, 45%, 98% · تباين على الأبيض 1.05:1 */
  --color-bg: #F7F9FC;
  /* Surface — أبيض نقي
     الاستخدام: البطاقات، الحقول، الأسطح المرتفعة
     RGB 255, 255, 255 · HSL 0, 0%, 100% · تباين على الأبيض 1.0:1 */
  --color-surface: #FFFFFF;
  /* Surface Alt — اشتقاق: إضاءة 96%
     الاستخدام: الأسطح داخل الأقسام البيضاء، رؤوس الجداول
     RGB 241, 245, 249 · HSL 210, 40%, 96% · تباين على الأبيض 1.1:1 */
  --color-surface-alt: #F1F5F9;
  /* Border — اشتقاق: إضاءة 92%
     الاستخدام: حدود البطاقات والحقول والفواصل
     RGB 226, 232, 240 · HSL 214, 32%, 91% · تباين على الأبيض 1.23:1 */
  --color-border: #E2E8F0;
  /* Border Strong — اشتقاق: إضاءة 84%
     الاستخدام: الحدود عند التمرير والتركيز
     RGB 203, 213, 225 · HSL 213, 27%, 84% · تباين على الأبيض 1.48:1 */
  --color-border-strong: #CBD5E1;
  /* Text Primary — اشتقاق: صبغة الأزرق الملكي بإضاءة 12%
     الاستخدام: العناوين والنص الأساسي
     RGB 11, 27, 51 · HSL 216, 65%, 12% · تباين على الأبيض 17.23:1 */
  --color-text: #0B1B33;
  /* Text Secondary — اشتقاق: إضاءة 36%
     الاستخدام: النص الشارح والفقرات
     RGB 72, 88, 111 · HSL 215, 21%, 36% · تباين على الأبيض 7.24:1 */
  --color-text-2: #48586F;
  /* Text Muted — اشتقاق: إضاءة 58%
     الاستخدام: التسميات والملاحظات والأكواد
     RGB 122, 139, 159 · HSL 212, 16%, 55% · تباين على الأبيض 3.49:1 */
  --color-text-3: #7A8B9F;
  /* Text Inverse — أبيض
     الاستخدام: النص على الأسطح الداكنة
     RGB 255, 255, 255 · HSL 0, 0%, 100% · تباين على الأبيض 1.0:1 */
  --color-text-inv: #FFFFFF;
  /* Success — فيروزي الشعار — لون النجاح طبيعي في العلامة
     الاستخدام: رسائل النجاح، تأكيد الإرسال
     RGB 13, 138, 126 · HSL 174, 83%, 30% · تباين على الأبيض 4.24:1 */
  --color-success: #0D8A7E;
  /* Warning — اشتقاق من الأخضر المصفر #C1D79A بخفض الإضاءة وتدوير الصبغة
     الاستخدام: التنبيهات، حدود النطاق
     RGB 164, 101, 11 · HSL 35, 87%, 34% · تباين على الأبيض 4.72:1 */
  --color-warning: #A4650B;
  /* Error — مضبوط على تشبّع وإضاءة ماجنتا الشعار مع صبغة حمراء
     الاستخدام: أخطاء النماذج والتحقق
     RGB 180, 50, 45 · HSL 2, 60%, 44% · تباين على الأبيض 6.11:1 */
  --color-error: #B4322D;

  /* ===== طيف الهوية — الترتيب حسب دورانه في الشعار ===== */
  --brand-magenta: #8D3C9F;   /* الساعة 9  */
  --brand-violet:  #4E3A8E;   /* الساعة 8  */
  --brand-blue:    #333FA2;   /* الساعة 6  */
  --brand-steel:   #4C87A6;   /* الساعة 4  */
  --brand-teal:    #48A8A8;   /* الساعة 3  */
  --brand-mint:    #75DEBB;   /* الساعة 1  */

  /* التدرّج الرسمي — للعناصر الرفيعة فقط */
  --brand-grad:   linear-gradient(135deg,#8D3C9F 0%,#4E3A8E 26%,#333FA2 50%,#3D8CA6 76%,#75DEBB 100%);
  --brand-grad-x: linear-gradient(90deg, #8D3C9F 0%,#4E3A8E 24%,#333FA2 48%,#3D8CA6 74%,#75DEBB 100%);
}