/* نظام تصميم مشترك — مجموعة "تطبيق صاحب الشبكة" (داشبورد + ولاء + مدير الراوتر)
   مستخرَج بعد توحيد أسماء المتغيرات بين dashboard.html / loyalty.html / manager.html
   (كانت بأسماء مختصرة مختلفة: --gd/--vd/--ad/--rd/--bd/--vg/--pd — وُحِّدت لمسميات صريحة).
   هذا ملف منفصل عن shared/theme.css (مجموعة سوق الاسكربتات) عمداً: قيمة --green-glow
   هنا 0.3 بينما هناك 0.25 — قيمتان حقيقيتان مختلفتان، فدمجهما في ملف واحد كان سيغيّر
   مظهراً فعلياً في أحد الفريقين. لا تضف هذا الملف لصفحات سوق الاسكربتات والعكس. */

:root{
  --bg:#080c14;--bg2:#0d1424;--card:#111827;--card2:#161f30;
  --border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.12);
  --green:#00d4aa;--green-dim:rgba(0,212,170,.12);--green-glow:rgba(0,212,170,.3);
  --violet:#8b5cf6;--violet-dim:rgba(139,92,246,.12);--violet-glow:rgba(139,92,246,.3);
  --amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);
  --red:#ef4444;--red-dim:rgba(239,68,68,.12);
  --blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);
  --purple:#a855f7;--purple-dim:rgba(168,85,247,.12);
  --text:#e2e8f0;--text2:#94a3b8;--text3:#475569;
  --sbw:220px;--tbh:56px;--bnh:60px;
}
:root[data-theme="light"]{
  --bg:#f8fafc;--bg2:#ffffff;--card:#ffffff;--card2:#f1f5f9;
  --border:rgba(15,23,42,.08);--border2:rgba(15,23,42,.14);
  --green:#059669;--green-dim:rgba(5,150,105,.12);--green-glow:rgba(5,150,105,.22);
  --violet:#7c3aed;--violet-dim:rgba(124,58,237,.12);--violet-glow:rgba(124,58,237,.22);
  --amber:#d97706;--amber-dim:rgba(217,119,6,.12);
  --red:#dc2626;--red-dim:rgba(220,38,38,.12);
  --blue:#2563eb;--blue-dim:rgba(37,99,235,.12);
  --purple:#9333ea;--purple-dim:rgba(147,51,234,.12);
  --text:#0f172a;--text2:#64748b;--text3:#94a3b8;
}
/* الوضع الداكن 2 — ثيم MKCards السماوي/التيل (يختاره السوبر ادمن كثيم افتراضي للموقع) */
:root[data-theme="dark2"]{
  --bg:#0F1726;--bg2:#12202B;--card:#192733;--card2:#1F3D4C;
  --border:rgba(120,190,210,.14);--border2:rgba(120,190,210,.28);
  --green:#68E2F6;--green-dim:rgba(104,226,246,.14);--green-glow:rgba(104,226,246,.3);
  --violet:#4FB0AF;--violet-dim:rgba(79,176,175,.14);--violet-glow:rgba(79,176,175,.3);
  --amber:#E0BA5D;--amber-dim:rgba(224,186,93,.14);
  --red:#EA7A68;--red-dim:rgba(234,122,104,.14);
  --blue:#3A74B9;--blue-dim:rgba(58,116,185,.14);
  --purple:#39C5D8;--purple-dim:rgba(57,197,216,.14);
  --text:#EAF2F6;--text2:#9DB2BD;--text3:#5E7180;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Tajawal',sans-serif;}
html,body{background:var(--bg);color:var(--text);font-size:14px;}
a{color:inherit;text-decoration:none;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:9px;}

.theme-toggle{width:2rem;height:2rem;border-radius:.5rem;background:var(--border);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0;transition:.2s;}
.theme-toggle:hover{background:var(--card2);}
.theme-toggle .icon-light{display:none;}
:root[data-theme="light"] .theme-toggle .icon-dark{display:none;}
:root[data-theme="light"] .theme-toggle .icon-light{display:inline;}