:root{
  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;
  --slate-25:#fcfdff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-900:#0f172a;
  --green:#169b68;--green-bg:#e8f8f1;--amber:#c77a0a;--amber-bg:#fff4df;--red:#d64050;--red-bg:#ffedef;
  --bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;
  --radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.055);
  --topbar-h:70px;--sidebar-w:248px;--sidebar-mini:76px;--content-max:1600px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;
}
[data-theme="dark"]{
  --bg:#0b1422;--surface:#111d2e;--surface-soft:#162438;--text:#eef4fb;--muted:#9dacbf;--border:#26374d;--primary:#6ea8ff;
  --blue-50:#172c49;--blue-100:#1c385e;--slate-50:#162438;--slate-100:#1a2b41;--slate-200:#26374d;--slate-500:#9dacbf;--slate-600:#bdc9d9;--slate-700:#d8e1ec;--slate-900:#f4f7fb;
  --green-bg:#123a30;--amber-bg:#402f17;--red-bg:#441f27;--shadow:0 10px 28px rgba(0,0,0,.22);
}