/* ==========================================================================
   Second Eye Security — رموز مشتقة ناقصة
   هذه الرموز مستدعاة داخل assets/css/style.css لكنها غير معرّفة في tokens.css،
   فتظهر العناصر التالية بلا لون على الموقع الحالي:
     · أرقام بنود الأكورديون  (.acc-panel ol li::before)
     · رسالة نجاح النموذج     (.form-msg.ok)
     · تظليل قائمة الأسئلة    (.qlist a:hover)
     · حالة الخطأ في النموذج  (.form-msg.bad)
   كلها اشتقاقات من ألوان tokens.css بواسطة color-mix — بلا أي صبغة جديدة.
   اربط هذا الملف بعد tokens.css في جميع صفحات الموقع، أو انقل الكتلة إليه.
   ========================================================================== */

/* ── القيم الثابتة أولًا: تعمل في كل المتصفحات ── */
:root{
  --color-accent-50:    #ECF6F5;
  --color-accent-dark:  #0D7670;
  --color-success-50:   #ECF6F5;
  --color-secondary-50: #F1EFF6;
  --color-error-50:     #F9EFEE;

  /* حد التمرير — القيمة مستخدمة أصلًا داخل style.css على
     .card:hover و .track:hover و .step:hover؛ رُفعت هنا إلى رمز
     ليتوقف تكرارها يدويًا في أي ملف جديد. */
  --color-border-hover: #D4DEEA;
}

/* ── الاشتقاق الحيّ عند دعم color-mix: يتتبع أي تغيير في tokens.css ── */
@supports (color: color-mix(in srgb, red 50%, white)){
  :root{
    --color-accent-50:    color-mix(in srgb, var(--color-accent) 8%,  #fff);
    --color-accent-dark:  color-mix(in srgb, var(--color-accent) 82%, var(--color-text));
    --color-success-50:   color-mix(in srgb, var(--color-success) 8%, #fff);
    --color-secondary-50: color-mix(in srgb, var(--color-secondary) 8%, #fff);
    --color-error-50:     color-mix(in srgb, var(--color-error) 8%,  #fff);
  }
}