/* ===================================================================
   متغيرات الألوان (:root)
   مستخرَج حرفياً من: اعصار (2).html  (الأسطر 2524-2534)
   ⚠️ ترتيب الملفات في index.html يطابق ترتيب الكتل الأصلي — لا تغيّره (cascade).
   =================================================================== */

/* --- التصميم الأساسي --- */
:root {
    --bg-color: #020202; --panel-bg: #0a0a0a; --blood-red: #8a0000;
    --neon-red: #ff0000; --text-muted: #777; --text-bright: #e0e0e0;
    --neon-green: #00ff44; --neon-orange: #ff9d00; --neon-blue: #00e5ff;
    --neon-purple: #b000ff;
    /* ✅ لون مميّز لكل غرفة — تمييزها بلمحة عين بأي قائمة (حجوزات/سجل/مقاطع).
       المايز تبقى بلونها الأصلي (البنفسجي) لأنه متبنّى بعدة أماكن (hist-maze وغيرها).
       ⚠️ المرحلة ١ب (2026-08-27): خُفّضت للنمط — كانت annabelle #ff6f91 (زهري فاقع)
       و ring #48cae4 (سماوي فاقع)، خارج جو الرعب. القيم الجديدة مخفّفة التشبّع
       (حجرٌ بارد · وردةٌ ذابلة · ماء بئر) وما زالت تُميّز بوضوح.
       للرجوع اليدوي (لا git): --room-nun: #b0b8c4; --room-annabelle: #ff6f91; --room-ring: #48cae4; */
    --room-nun: #8b98ab; --room-annabelle: #b47d8d; --room-ring: #7fa58c;
}

/* ═══════════════════════════════════════════════════════════════════
   نظام الألوان الموحّد — إعادة هوية الرعب لواجهة الموظفين (المرحلة ٠)
   ───────────────────────────────────────────────────────────────────
   الغرض: اليوم ~٤٠ لوناً مبعثراً بـ css/ (و١١٤٤ قيمة hex بـ js/). النيون
   الأخضر/البرتقالي/الأزرق يغرقون الأحمر الدموي. هذا النظام يجمعها في لوحة
   واحدة: أسود دافئ · دم · عظم · صدأ. لونٌ مميّز واحد (الدم) للعمل البنيوي،
   وثلاثة ألوان حالة مخفّفة (معلومة لا زينة).

   ⚠️ إضافة صرفة — لا يُشير إليه شيء بعد. صفر تغيير بصري في هذه المرحلة.
   المراحل اللاحقة تربط سلاكتورات main/layout/components به تدريجياً.
   ═══════════════════════════════════════════════════════════════════ */
:root {
    /* الأرضيات — أسود مائل للدفء (انحياز أحمر خفيف) */
    --ground-0: #070506;
    --ground-1: #0d0a0b;
    --ground-2: #141011;
    --ground-3: #1c1618;
    --line: #2a2022;
    --line-soft: #1d1618;

    /* النصّ — عظمي دافئ ورمادي دافئ، بدل خمسة بيضاوات وستّة رماديات */
    --bone: #ded7d1;
    --bone-dim: #b0a8a2;
    --ash: #897e7b;
    --ash-dim: #5d5652;

    /* سُلّم الدم — حدود · حالة نشطة · أزرار · وهج اللافتة.
       --blood = #8a0000 = نفس قيمة --blood-red الحالية بالضبط (اسم موازٍ للنظام الجديد). */
    --blood-dim: #4a0d0d;
    --blood: #8a0000;
    --blood-bright: #c81a1a;
    --blood-ink: #ff5a5a;
    --blood-glow: rgba(200, 26, 26, .32);

    /* ألوان الحالة — مخفّفة التشبّع عمداً حتى تُقرأ كإشارة لا كزينة.
       تحلّ لاحقاً محلّ --neon-green (متصل/يعمل)، --neon-orange (تجهيز/انتباه)، والأحمر الفاقع (حرِج). */
    --alive: #4a9a5c;    --alive-bg: rgba(74, 154, 92, .12);    --alive-line: rgba(74, 154, 92, .4);
    --warn:  #bd7d24;    --warn-bg:  rgba(189, 125, 36, .12);   --warn-line:  rgba(189, 125, 36, .4);
    --danger:#ff2a2a;    --danger-bg:rgba(255, 42, 42, .12);    --danger-line:rgba(255, 42, 42, .45);

    /* خطّان: Cairo لكل العربية، والأحادي للّاتيني والأرقام فقط */
    --font-mono: 'Share Tech Mono', ui-monospace, 'Courier New', monospace;

    /* هوية الغرف — طبقات التلوين الخافتة (للمرحلة ١ج: خلفية بطاقة الغرفة + شريط حافة).
       الألوان الأساسية --room-nun/annabelle/ring نفسها عُدّلت في الكتلة الأولى (المرحلة ١ب). */
    --room-nun-bg: rgba(139, 152, 171, .10);
    --room-annabelle-bg: rgba(180, 125, 141, .10);
    --room-ring-bg: rgba(127, 165, 140, .10);
}

/* ═══════════════════════════════════════════════════════════════════
   نظام الحركة — مصدر وحيد للمدة والمنحنى
   ───────────────────────────────────────────────────────────────────
   لماذا: كان بالنظام ١٠ منحنيات cubic-bezier مختلفة، سبعة منها مستعملة
   مرة واحدة فقط، وأربعة منها متطابقة عملياً (.3,1.7,.4,1 مقابل .3,1.6,.4,1
   مقابل .25,1.55,.4,1 مقابل .34,1.56,.64,1 — فرق لا تميّزه العين). ونفس
   الحركة (kbRowIn) كانت تُستدعى بأربع مدد مختلفة بأربعة أماكن. هذا هو الفرق
   بين «مؤثرات مكدّسة» و«نظام»: الاتساق يُقرأ احترافية، والتشتت يُقرأ إهمالاً
   حتى لو ما قدر أحد يسمّي السبب.

   قاعدة الاستعمال: لا تكتب مدة أو منحنى حرفياً بأي حركة جديدة — استعمل
   متغيراً من هنا. لو ما لقيت المناسب، الصح تناقش إضافة رمز جديد، مو تخترع
   رقماً محلياً.
   ═══════════════════════════════════════════════════════════════════ */
:root {
    /* المدد — الشاشة تُستعمل مئات المرات بالليلة، فالبطء يتراكم إحساساً بالثقل */
    --kb-dur-fast: .12s;   /* تغذية راجعة فورية: ضغطة زر، مفتاح تبديل، تظليل */
    --kb-dur-base: .22s;   /* دخول/خروج عنصر: صف، شارة، قائمة منسدلة، توست */
    --kb-dur-slow: .34s;   /* عناصر كبيرة: نافذة، لوحة، قسم تبويب */

    /* المنحنيات — أربعة تكفي النظام كله */
    --kb-ease-out:  cubic-bezier(.2, .8, .2, 1);   /* دخول: ينطلق بسرعة وينزل بنعومة */
    --kb-ease-in:   cubic-bezier(.4, 0, 1, 1);     /* خروج: يتسارع ويختفي */
    --kb-ease-move: cubic-bezier(.4, 0, .2, 1);    /* تحرّك داخل الشاشة بلا دخول/خروج */
    --kb-ease-pop:  cubic-bezier(.3, 1.6, .4, 1);  /* تجاوز مرتد — للاحتفال والتأكيد فقط */
    /* ارتداد أقوى — لحظات الأثر المقصودة بصفحة «من نحن» العامة (ختم، تذكرة).
       موجود كرمز منفصل عن pop لأن الفرق هنا مقصود ومحسوس (١.٩ مقابل ١.٦)،
       بعكس الفروق اللي وُحّدت. صفحة الزبون سياق تصميم آخر: تُشاهَد مرة وهدفها
       الانطباع، بينما شاشات الموظفين تُستعمل مئات المرات بالليلة وهدفها السرعة. */
    --kb-ease-bounce: cubic-bezier(.34, 1.9, .64, 1);

    /* فارق التتابع بين عناصر قائمة تدخل ورا بعض */
    --kb-stagger: 40ms;
}