/* ============================================================
   رموز التصميم — المصدر الواحد لألوان البورتال كله
   غيّر القيمة هنا فتتغير بكل الصفحات والقوالب.
   الصفحات الحيّة المستقلة (calls-live…) تحمّل هذا الملف أولاً ثم
   تحتفظ بانحرافاتها المقصودة في :root الخاص بها.
   ============================================================ */
:root {
  /* البورتال فاتح دائماً — بدونها فايرفوكس الداكن يلوّن نص القوائم المنسدلة بالأبيض على خلفية بيضاء */
  color-scheme: light;

  /* الأساس (البرونزي والكريمي) */
  --primary: #6D5837;  /* البرونزي: الأزرار والشريط العلوي والعناوين */
  --primary-dark: #52422A;  /* برونزي أغمق: تدرّج الشريط وهوفر الأزرار */
  --primary-deep: #4A3B24;  /* أغمق درجة: عناوين الهيرو */
  --gold: #D8AE5E;  /* الذهبي: خط التبويب النشط واللمسات */
  --bg: #F5EFE6;  /* خلفية الصفحة */
  --card: #FFFCF6;  /* خلفية البطاقات */
  --white: #FFFFFF;  /* الأبيض الصريح */

  /* أسطح كريمية من الأفتح إلى الأغمق */
  --cream-1: #FFFDF9;
  --cream-2: #FDFBF6;
  --cream-3: #FBF7F0;
  --cream-4: #FBF7EF;
  --cream-5: #FAF6ED;  /* الأكثر استعمالاً: صفوف بديلة وخلفيات خفيفة */
  --cream-6: #F9F4EA;
  --cream-7: #F0E9DA;  /* رؤوس جداول وشارات */
  --cream-8: #EFE7D7;
  --tint: #EDE3CD;  /* شارات/رؤوس جداول/تبويبات */
  --tint-hover: #E4D7BB;

  /* الحدود */
  --border: #E4D9C2;  /* الحد الافتراضي */
  --border-2: #D5C8AD;  /* حد أوضح: جداول ومدخلات */
  --border-3: #DCCFB4;

  /* النصوص */
  --text: #3A3226;  /* النص الأساسي */
  --text-2: #4A4234;  /* نص ثانوي أغمق من الخافت */
  --muted: #8A7D65;  /* النص الخافت */
  --muted-2: #7D7057;  /* خافت أوضح: الأكثر استعمالاً بالجداول */
  --muted-3: #9E9179;  /* خافت أفتح: تلميحات */
  --muted-4: #8F8571;

  /* دلالية: خطأ / نجاح / تحذير / معلومة (تُبقى كما هي عمداً) */
  --danger: #B5432C;  /* أحمر البورتال الدافئ */
  --err: #B91C1C;  /* أحمر الحالات */
  --err-strong: #DC2626;
  --err-soft: #B03A3A;
  --err-bg: #FEF2F2;
  --err-border: #FCA5A5;
  --ok: #047857;  /* أخضر النجاح */
  --ok-strong: #15803D;
  --ok-2: #16A34A;
  --ok-bright: #10B981;
  --ok-bg: #ECFDF5;
  --warn: #B45309;  /* كهرماني التحذير */
  --warn-deep: #92400E;
  --warn-2: #A16207;
  --warn-bright: #F59E0B;
  --warn-bg: #FFFBEB;
  --info: #1D4ED8;  /* أزرق المعلومة */
  --info-bg: #EFF6FF;

  /* الخط — Zain منذ 2026-09-21 (كان Cairo)؛ الرابط الموحّد بـpartials/head.ejs واللوحات الحيّة */
  --font: 'Zain', 'Segoe UI', Tahoma, sans-serif;
  --font-size: 13.5px;  /* حجم الأساس: كل مقاسات rem تتناسب معه (كان 16px الافتراضي) */

  /* أبعاد */
  --radius: 12px;  /* زوايا البطاقات */

  /* أسماء بديلة تستعملها اللوحات الحيّة المستقلة (نفس القيم) */
  --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); }