/* ==========================================================
   هوية سيفديم — من «دليل الهوية البصرية» الإصدار 1.0 (أكتوبر 2026)
   كل ألوان الموقع وخطوطه تُعدَّل من هذا الملف فقط.
   ========================================================== */

/* الخط: IBM Plex Sans Arabic (مجاني، رخصة OFL مرفقة في مجلد الخطوط) */
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  /* ألوان الدليل */
  --sifdim-navy:   #0B1426;  /* الأساسي: كحلي سيفديم  (60% من التصميم) */
  --sifdim-gold:   #D8A657;  /* الأساسي: ذهبي النجم    (10%) */
  --sifdim-ivory:  #F3E6C8;  /* مساند: عاجي */
  --sifdim-cloud:  #F4F5F9;  /* مساند: رمادي السحاب */
  --sifdim-nebula: #7D5BD0;  /* بنفسجي السديم: للتدرجات فقط */
  --sifdim-white:  #FFFFFF;  /* (25%) */

  /* مشتقات للموقع (ليست في الدليل، أُضيفت لوضوح القراءة) */
  --gold-ink: #8A611D;       /* ذهبي داكن للنصوص الصغيرة على الخلفيات الفاتحة: الذهبي الأصلي ضعيف التباين على الأبيض */
  --navy-2:   #1E2B46;       /* كحلي أفتح للخطوط الفاصلة داخل الكحلي */
  --nebula-blue: #2E5AA0;    /* أزرق مرافق لبنفسجي السديم في توهج الرأس فقط */
  --dormant:  #2B3753;       /* لون العمود قبل أن «يستيقظ» في حركة الرمز */

  /* ألوان نقش القط العسيري: لشريط الشعار المتحرك فقط */
  --qatt-red:#D62F2F; --qatt-yellow:#F4C430; --qatt-green:#2E9E5B; --qatt-blue:#2F6FDB; --qatt-orange:#F08A24;

  /* أدوار الألوان في الصفحة */
  --bg:      var(--sifdim-cloud);
  --surface: var(--sifdim-white);
  --ink:     var(--sifdim-navy);
  --body:    #3B4456;
  --muted:   #6A7282;
  --line:    #E3E6EE;
  --chip:    var(--sifdim-ivory);
  --warm:    var(--sifdim-ivory);   /* خلفية قسم الرؤية والقيم */
  --plain:   var(--sifdim-white);   /* خلفية الأقسام البيضاء */

  --font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

/* الوضع الداكن حسب إعداد الجهاز */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A111F; --surface:#111B2E; --ink:#F1EDE4; --body:#C4CAD5; --muted:#8E98A9; --line:#24324C; --chip:#18253D; --gold-ink:var(--sifdim-gold); --warm:#121C30; --plain:#0E1728;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0A111F; --surface:#111B2E; --ink:#F1EDE4; --body:#C4CAD5; --muted:#8E98A9; --line:#24324C; --chip:#18253D; --gold-ink:var(--sifdim-gold); --warm:#121C30; --plain:#0E1728;
  color-scheme:dark;
}