/* ══════════════════════════════════════════════════════════════════════════
   🎨 رموز هوية سلوكي بلس — مصدرٌ واحد للألوان والحركة
   ══════════════════════════════════════════════════════════════════════════
   المرجع: «دليل هوية سلوكي بلس» (2026-09-23). اللونان مستخرجان بعدّ بكسلات
   الشعار نفسه (static/sulooki_logo.png): تركواز #136270 وبرتقالي #F27525.

   🔑 القاعدة الذهبية: **البرتقاليّ يعني «صعودًا»** — كالسهم في الشعار.
      للحظات النموّ وحدها (منح نقطة، شارة الأوائل، الحدّ اليوميّ المكتمل،
      الزرّ الرئيسيّ الواحد). لا للتحذير ولا للخصم ولا للزينة.
   ⚠️ البرتقاليّ #F27525 **لا يُكتب نصًّا على الأبيض** (تباين 2.86 < 4.5)،
      ولا يُكتب عليه نصٌّ أبيض. للنصّ: --sp-orange-text. وعلى البرتقاليّ:
      --sp-teal-900.
   🔴 الخصم أحمرُ صريح (--sp-negative) لا برتقاليّ — كي لا يُقرأ «صعودًا».

   تُضاف الصفحات إليه تدريجيًّا؛ الصفحة التي لم تنتقل بعد لا تتأثّر به.
   ══════════════════════════════════════════════════════════════════════════ */
:root {
    /* لونا الشعار ودرجاتهما */
    --sp-teal-900: #0B3C46;   /* «تركواز الليل»: أرضيّة شاشات العرض، والنصّ على البرتقاليّ */
    --sp-teal-700: #125E6E;   /* تركواز سلوكي: الأساسيّ — تباين 7.36 على الأبيض */
    --sp-teal-500: #2F8494;   /* امتلاء الشريط اليوميّ */
    --sp-teal-100: #D6EBEE;
    --sp-teal-50:  #EDF6F7;   /* سطحٌ هادئ وأزرار ثانويّة */
    --sp-orange-500: #F27525; /* برتقالي بلس — للرسم والتعبئة لا للنصّ */
    --sp-orange-text: #B8500F;/* البرتقاليّ حين يجب أن يكون نصًّا — تباين 5.0 */
    --sp-orange-100: #FDE7D8;

    /* الدلالة — منفصلةٌ عن الهوية */
    --sp-positive: #15803D;
    --sp-negative: #B42318;
    /* أسطحٌ فاتحة للحالة (شاراتٌ وحبوب) — بقيمها المستعملة سلفًا في البوّابة */
    --sp-positive-50:  #E8F5EC;
    --sp-positive-100: #CDE8D5;
    --sp-negative-50:  #FDECEA;
    --sp-negative-100: #F6D3CF;
    /* 🟠 التحذير/التأخّر: كهرمانٌ داكن للنصّ وللخلفيّة تحت نصٍّ أبيض (تباين ≈5.9)، والأفتح للخطوط والأشرطة وحدها */
    --sp-warning:      #8A5A00;
    --sp-warning-500:  #B7791F;   /* خطٌّ/شريطٌ لا نصّ (تباين ≈3 مع الأبيض) */
    --sp-warning-50:   #FFF4D6;
    --sp-warning-100:  #F3E2B3;

    /* المحايدات: مائلةٌ للتركواز لا رماديّةٌ باردة */
    --sp-ink:     #132A30;
    --sp-muted:   #5B6B70;    /* تباين 5.55 */
    --sp-zero:    #9AAAAE;    /* الصفر: حاضرٌ بلا ضجيج */
    --sp-line:    #D7E3E5;
    --sp-track:   #E3ECEE;
    --sp-surface: #FFFFFF;
    --sp-ground:  #F4F8F8;

    /* الحركة: ثلاث مددٍ ومنحنًى واحد في المنصّة كلّها */
    --sp-dur-tap:     120ms;  /* ردّ اللمس */
    --sp-dur-ui:      220ms;  /* فتح اللوحات وإغلاقها */
    --sp-dur-ascend:  900ms;  /* لحظة الصعود وحدها */
    --sp-ease: cubic-bezier(.2, .8, .2, 1);   /* يبدأ سريعًا ويستقرّ بهدوء */

    /* الخطوط */
    --sp-font-ui: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
    --sp-font-celebrate: 'Aref Ruqaa', 'Noto Naskh Arabic', serif;  /* للاحتفال والتهنئة فقط */
}