/* ===========================================================
   theme.base.css — لوحة ألوان موحّدة (مأخوذة من صفحتك الحالية)
   =========================================================== */
:root{
  /* ألوان صفحتك الحالية (نسخة فاتحة ومتناسقة) */
  --c1:#1f4e79;  /* كحلي فاتح أساسي (خلفيات/عناوين) */
  --c2:#2ba8d9;  /* سماوي فاتح (Primary) */
  --c3:#2ecc71;  /* أخضر نجاح مريح وواضح */
  --c4:#ffd866;  /* أصفر/ذهبي فاتح للتحذير والتمييز */
  --c5:#f16a6a;  /* أحمر لطيف للأخطاء بدون حدة قوية */

  /* خلفية عامة فاتحة */
  --bg:#f9fafc;  

  /* حدود وحلقات ناعمة */
  --ring:#e3e7f0;
  --glass:#ffffffbb;
  --card:#ffffffee;
  --ink:#1f2933;
  --muted:#6c7a90;

  /* Aliases */
  --primary:      var(--c2);
  --primary-2:    var(--c2);
  --primary-dark: var(--c1);

  --success: var(--c3);
  --warning: var(--c4);
  --danger:  var(--c5);
  --info:    var(--c2);

  --surface:  #ffffff;
  --surface-2:var(--bg);
  --surface-3:var(--bg);
  --border:   var(--ring);

  /* عناصر خاصة بصفحة التوقعات */
  --stage-navy:    var(--c1);
  --stage-purple:  var(--c1);
  --accent-blue:   var(--c2);
  --accent-orange: var(--c4);
  --danger-dark:   #c44545;
  --table-head:    var(--c1);

  --soft-1:#edf2fb;
  --soft-2:#f3f6ff;
  --soft-3:#ffe5e5;

  --radius-xl:20px;
  --radius-lg:16px;
  --radius-md:12px;
  --radius-sm:10px;

  --shadow-sm:0 8px 18px rgba(0,0,0,.06);
  --shadow-md:0 16px 32px rgba(0,0,0,.10);
  --shadow-lg:0 30px 60px rgba(0,0,0,.12);

  --transition:.25s ease;

  /* خط الواجهة */
  --font:"Times New Roman","Segoe UI",Tahoma,Arial,sans-serif;
}