/* =====================================================
   TEAM SOL Hub — MySOL Design Tokens — المصدر الوحيد للقيم الأساسية
   الثيمات (داكن / فاتح / ألوان) تغيّر المتغيرات الأساسية فقط،
   وكل المكوّنات تقرأ من --sol-* فقط.
   ===================================================== */
:root{
  --blue:#0b55ea;
  --blue2:#1b67ff;
  --blue-rgb:11,85,234;
  --bg:#030508;
  --panel:#0a0f18;
  --panel-2:#0c1119;
  --panel-border:rgba(255,255,255,.08);
  --text:#f4f6fa;
  --muted:#7c8799;
  --line:rgba(255,255,255,.08);
  --success:#10b981;
  --danger:#ef4444;
  --warning:#facc15;
  --font-ar:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-en:"Orbitron",sans-serif;
  --glow:0 0 30px rgba(var(--blue-rgb),.35);
  --glow-strong:0 0 24px rgba(var(--blue-rgb),.55), 0 0 60px rgba(var(--blue-rgb),.25);
  --card-bg:linear-gradient(145deg,#0d1420,#040609);
  --card-bg-hover:linear-gradient(145deg,#111a2a,#060a10);
  --hero-bg:radial-gradient(circle at 78% 45%,rgba(var(--blue-rgb),.14),transparent 40%),#030508;
  --input-bg:#050810;
  --input-border:rgba(var(--blue-rgb),.25);
  --input-focus:rgba(var(--blue-rgb),.55);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-pill:999px;
  --shadow-card:0 10px 30px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.03);
  --shadow-elevated:0 20px 50px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-glow:0 12px 32px rgba(var(--blue-rgb),.28);
  --popover-bg:rgba(11,16,25,.97);
  --overlay:rgba(3,5,8,.72);
  --hover-bg:rgba(var(--blue-rgb),.10);
  --success-text:#34d399;
  --danger-text:#f87171;
  --warning-text:#facc15;
}

/* ===== الثيمات ===== */
html.theme-light{--bg:#eef1f5;--panel:#fff;--panel-2:#fff;--text:#0a0e14;--muted:#4a5a6a;--card-bg:linear-gradient(145deg,#fff,#eef2f8);--card-bg-hover:linear-gradient(145deg,#fff,#e5eaf2);--hero-bg:radial-gradient(circle at 78% 45%,rgba(var(--blue-rgb),.08),transparent 40%),#eef1f5;--input-bg:#f6f8fc;--input-border:rgba(var(--blue-rgb),.35)}
html.theme-orange{--blue:#f97316;--blue2:#fb923c;--blue-rgb:249,115,22;--bg:#0c0a09;--panel:#1c1917;--panel-2:#1c1917;--text:#ffedd5;--muted:#d6d3d1;--card-bg:linear-gradient(145deg,#1c1917,#0c0a09);--input-bg:#0f0c0a}
html.theme-purple{--blue:#a855f7;--blue2:#c084fc;--blue-rgb:168,85,247;--bg:#0f0b15;--panel:#1a1025;--panel-2:#1a1025;--text:#f3e8ff;--muted:#d8b4fe;--card-bg:linear-gradient(145deg,#1a1025,#0f0b15);--input-bg:#120c1a}
html.theme-green{--blue:#10b981;--blue2:#34d399;--blue-rgb:16,185,129;--bg:#022c22;--panel:#064e3b;--panel-2:#064e3b;--text:#ecfdf5;--muted:#a7f3d0;--card-bg:linear-gradient(145deg,#064e3b,#022c22);--input-bg:#03241c}
html.theme-gold{--blue:#d97706;--blue2:#fbbf24;--blue-rgb:217,119,6;--bg:#1c1917;--panel:#292524;--panel-2:#292524;--text:#fef3c7;--muted:#fde68a;--card-bg:linear-gradient(145deg,#292524,#1c1917);--input-bg:#171412}
html.theme-light-orange{--blue:#f97316;--blue2:#ea580c;--blue-rgb:249,115,22;--bg:#fff7ed;--panel:#fff;--panel-2:#fff;--text:#431407;--muted:#9a3412;--card-bg:linear-gradient(145deg,#fff,#fff7ed);--input-bg:#fff8f1}
html.theme-light-purple{--blue:#9333ea;--blue2:#a855f7;--blue-rgb:147,51,234;--bg:#faf5ff;--panel:#fff;--panel-2:#fff;--text:#3b0764;--muted:#6b21a8;--card-bg:linear-gradient(145deg,#fff,#faf5ff);--input-bg:#fbf7ff}
html.theme-light-green{--blue:#059669;--blue2:#10b981;--blue-rgb:5,150,105;--bg:#ecfdf5;--panel:#fff;--panel-2:#fff;--text:#064e3b;--muted:#047857;--card-bg:linear-gradient(145deg,#fff,#ecfdf5);--input-bg:#f0fdf8}
html.theme-light-gold{--blue:#d97706;--blue2:#b45309;--blue-rgb:217,119,6;--bg:#fffbeb;--panel:#fff;--panel-2:#fff;--text:#78350f;--muted:#b45309;--card-bg:linear-gradient(145deg,#fff,#fffbeb);--input-bg:#fffdf4}
html.theme-red{--blue:#ef4444;--blue2:#f87171;--blue-rgb:239,68,68;--bg:#0c0606;--panel:#1a0c0c;--panel-2:#1a0c0c;--text:#fef2f2;--muted:#fca5a5;--card-bg:linear-gradient(145deg,#1a0c0c,#0c0606);--input-bg:#120808}
html.theme-light-red{--blue:#dc2626;--blue2:#ef4444;--blue-rgb:220,38,38;--bg:#fef2f2;--panel:#fff;--panel-2:#fff;--text:#450a0a;--muted:#991b1b;--card-bg:linear-gradient(145deg,#fff,#fef2f2);--input-bg:#fff7f7}
/* كل الثيمات الفاتحة: حدود وظلال مناسبة للخلفية الفاتحة */
html[class*="theme-light"]{--panel-border:rgba(15,23,42,.10);--line:rgba(15,23,42,.08);--shadow-card:0 8px 24px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.8);--shadow-elevated:0 18px 40px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.9);--popover-bg:rgba(255,255,255,.98);--overlay:rgba(15,23,42,.38);--success-text:#047857;--danger-text:#b91c1c;--warning-text:#a16207}

/* ===== رموز MySOL الموحّدة (تُحسب على body لتتبع الثيم) ===== */
body{
  --sol-primary:var(--blue);
  --sol-primary-2:var(--blue2);
  --sol-primary-rgb:var(--blue-rgb);
  --sol-background:var(--bg);
  --sol-surface:var(--panel);
  --sol-surface-2:var(--panel-2);
  --sol-card:var(--card-bg);
  --sol-field:var(--input-bg);
  --sol-popover:var(--popover-bg);
  --sol-overlay:var(--overlay);
  --sol-hover:var(--hover-bg);
  --sol-border:var(--panel-border);
  --sol-border-field:var(--input-border);
  --sol-border-focus:var(--input-focus);
  --sol-line:var(--line);
  --sol-text:var(--text);
  --sol-muted:var(--muted);
  --sol-success:var(--success);
  --sol-warning:var(--warning);
  --sol-danger:var(--danger);
  --sol-success-text:var(--success-text);
  --sol-warning-text:var(--warning-text);
  --sol-danger-text:var(--danger-text);
  --sol-on-primary:#fff;

  --sol-font:var(--font-ar);
  --sol-font-display:var(--font-en);
  --sol-text-xs:11px;
  --sol-text-sm:12px;
  --sol-text-md:13px;
  --sol-text-lg:15px;
  --sol-text-xl:18px;

  --sol-space-1:4px;
  --sol-space-2:8px;
  --sol-space-3:12px;
  --sol-space-4:16px;
  --sol-space-5:20px;
  --sol-space-6:24px;

  --sol-radius-sm:var(--radius-sm);
  --sol-radius:var(--radius-md);
  --sol-radius-lg:var(--radius-lg);
  --sol-radius-pill:var(--radius-pill);

  --sol-shadow:var(--shadow-card);
  --sol-shadow-lg:var(--shadow-elevated);
  --sol-shadow-glow:var(--shadow-glow);
  --sol-ring:0 0 0 3px rgba(var(--blue-rgb),.32);
  --sol-ring-danger:0 0 0 3px rgba(239,68,68,.28);

  --sol-border-w:1px;
  --sol-border-field-w:1.5px;

  --sol-ease:cubic-bezier(.16,1,.3,1);
  --sol-transition:.22s var(--sol-ease);
  --sol-transition-slow:.35s var(--sol-ease);

  --sol-z-topbar:900;
  --sol-z-nav:1000;
  --sol-z-modal:1200;
  --sol-z-pop:1300;
  --sol-z-dialog:1400;
  --sol-z-toast:1500;
  --sol-z-tip:1600;
}