/* ── CSS Variables & Reset ──────────────────────────────── */
:root {
  --bg:#f0f4f8; --bg2:#ffffff; --bg3:#f5f7fa;
  --card:#ffffff; --border:#e2e8f0; --border2:#cbd5e1;
  --primary:#0f5ae6; --primary2:#1a6bf5; --primary-dim:rgba(15,90,230,.08);
  --accent:#00b8ad; --green:#10b981; --red:#ef4444;
  --yellow:#d97706; --purple:#7c3aed;
  --text:#1e293b; --text2:#64748b; --text3:#94a3b8;
  --font:'Plus Jakarta Sans',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --display:'Syne',sans-serif;
  --sidebar:260px; --navbar:60px;
  --shadow:0 2px 12px rgba(15,40,80,.08);
  --shadow-md:0 4px 20px rgba(15,40,80,.10);
  --radius:12px; --radius2:8px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:var(--font);
       font-size:14px; line-height:1.6; overflow-x:hidden; }

::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:3px; }

a { text-decoration:none; color:inherit; }
button { font-family:var(--font); }
input, select, textarea { font-family:var(--font); }