/* ============================================================
   رموز التصميم — المصدر الواحد لألوان البورتال كله
   غيّر القيمة هنا فتتغير بكل الصفحات وملفات css/pages والقوالب.
   الصفحات الحيّة المستقلة (calls-live…) تحمّل هذا الملف أولاً ثم
   تحتفظ بانحرافاتها المقصودة في :root الخاص بها.

   الهوية النهائية (اعتماد المستخدم 2026-09-30 «حلوة الكحلي الاتجاه الأول… هذا هدفي النهائي»):
   أبيض ودرجات فاتحة مائلة للكحلي، اللون الواحد كحلي #1F4E79 للزر الأساسي والعنصر النشط
   والروابط، لا رمادي محايد ولا أسود ولا بني. قائمة جانبية يمين وشريط علوي أبيض (style.css).
   الحدود ناعمة، الظلال للعائم فقط، الزوايا صغيرة، خط Tajawal بمقاسات مضغوطة.
   أسماء الرموز القديمة (cream-*, tint, gold…) بقيت بأسمائها كي لا تُكسر 85 ورقة تنسيق.
   ============================================================ */
:root {
  /* البورتال فاتح دائماً — بدونها فايرفوكس الداكن يلوّن نص القوائم المنسدلة بالأبيض على خلفية بيضاء */
  color-scheme: light;

  /* الأساس — الكحلي */
  --primary: #1F4E79;  /* الزر الأساسي والعنصر النشط والروابط */
  --primary-dark: #173C5E;  /* هوفر الزر الأساسي */
  --primary-deep: #112D47;
  --accent-2: #2F6FB0;  /* الرسوم والمنحنيات والروابط الثانوية */
  --gold: #2F6FB0;  /* اسم قديم: خط التبويب النشط */
  --topbar: #1F4E79;  /* أبطال اللوحات المولَّدة (dash-formal.css) */
  --topbar-2: #173C5E;
  --topbar-text: #FFFFFF;
  --topbar-border: rgba(255, 255, 255, 0.25);
  --bg: #F6F8FB;  /* خلفية الصفحة */
  --card: #FFFFFF;  /* خلفية البطاقات والقائمة الجانبية والشريط العلوي */
  --white: #FFFFFF;

  /* أسطح فاتحة مائلة للكحلي من الأفتح إلى الأغمق (الأسماء القديمة بقيت لتوافق ملفات css/pages) */
  --cream-1: #FFFFFF;
  --cream-2: #FCFDFE;
  --cream-3: #F9FAFC;
  --cream-4: #F6F8FB;
  --cream-5: #F1F4F8;  /* الأكثر استعمالاً: صفوف بديلة وخلفيات خفيفة */
  --cream-6: #ECF0F5;
  --cream-7: #E8F0F8;  /* التظليل الكحلي الفاتح: العنصر النشط بالقائمة والشارات */
  --cream-8: #E1E8F0;
  --tint: #E8F0F8;  /* شارات/رؤوس جداول/تبويبات */
  --tint-hover: #DCE7F2;

  /* الحدود — ناعمة مائلة للكحلي */
  --border: #DFE6EF;  /* الحد الافتراضي: البطاقات وصفوف الجداول */
  --border-2: #CBD6E2;  /* حد أوضح: المدخلات والأزرار الثانوية */
  --border-3: #B7C5D5;

  /* النصوص */
  --text: #1A2634;  /* النص الأساسي */
  --text-2: #33425A;  /* نص ثانوي */
  --muted: #5F6E80;  /* النص الخافت */
  --muted-2: #536173;  /* خافت أوضح: الأكثر استعمالاً بالجداول */
  --muted-3: #8593A5;  /* خافت أفتح: تلميحات */
  --muted-4: #6F7E90;

  /* دلالية: خطأ / نجاح / تحذير / معلومة */
  --danger: #B3261E;
  --err: #B3261E;
  --err-strong: #D32F2F;
  --err-soft: #A32D22;
  --err-bg: #FDF1F0;
  --err-border: #F0C2BE;
  --ok: #0B7A4B;
  --ok-strong: #0B7A4B;
  --ok-2: #0F8F58;
  --ok-bright: #21A96A;
  --ok-bg: #EEF9F3;
  --warn: #B8600A;
  --warn-deep: #8F4B08;
  --warn-2: #B8600A;
  --warn-bright: #F29B1D;
  --warn-bg: #FFF6EA;
  --info: #1F4E79;
  --info-bg: #E8F0F8;

  /* الخط — Tajawal منذ 2026-09-30 (كان Zain منذ 09-21 وقبله Cairo)؛ الرابط الموحّد بـpartials/head.ejs واللوحات الحيّة */
  --font: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --font-size: 15px;  /* حجم الأساس: كل مقاسات rem تتناسب معه — طلب المستخدم 2026-09-30 «كبّر الخط شوي» (كان 14) */
  --mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* أبعاد — مضغوطة عمداً */
  --radius: 6px;  /* زوايا البطاقات والحقول والأزرار */
  --radius-lg: 8px;  /* النوافذ والقوائم المنسدلة */
  --radius-pill: 4px;  /* الشارات */
  --control-h: 2.3rem;  /* ارتفاع موحّد للحقول والقوائم والأزرار (≈32px) — Tajawal يحتاج سطراً أعلى من Zain وإلا قُصّ نص القوائم */
  --shadow-sm: 0 1px 2px rgba(26, 38, 52, 0.04);
  --shadow-md: 0 6px 18px rgba(26, 38, 52, 0.10);  /* للقوائم والنوافذ العائمة فقط */
  --sidebar-w: 232px;  /* عرض القائمة الجانبية اليمنى */
  --topbar-h: 50px;  /* ارتفاع الشريط العلوي الأبيض */

  /* مقاسات النص — لا تكبير (قاعدة المستخدم 2026-09-30) */
  --fs-h1: 1.3rem;
  --fs-h2: 1.05rem;
  --fs-h3: 0.95rem;
  --fs-kpi: 1.4rem;  /* رقم المؤشر داخل البطاقة */
  --fs-small: 0.82rem;

  /* نسخ أساسية بأسماء لا تعيد اللوحات المولَّدة تعريفها — تُستعمل داخل #gen-root (dash-formal.css) */
  --base-bg: #F6F8FB; --base-card: #FFFFFF; --base-text: #1A2634; --base-text-2: #33425A; --base-muted: #5F6E80; --base-muted-2: #536173; --base-border: #DFE6EF; --base-border-2: #CBD6E2; --base-cream-4: #F6F8FB; --base-cream-7: #E8F0F8; --base-primary: #1F4E79;

  /* أسماء بديلة تستعملها اللوحات الحيّة المستقلة (نفس القيم) */
  --page: var(--bg);
  --surface: var(--card);
  --ink: var(--text);
  --line: var(--border);
  --mut: var(--muted-2);
  --soft: var(--cream-7);
  --bronze: var(--primary);
}

/* حجم الأساس لكل الصفحات — يُغيَّر من --font-size أعلاه */
html { font-size: var(--font-size); }