:root{
  color-scheme:dark;
  --bg:#07111f;
  --bg-deep:#030914;
  --surface:#0b172a;
  --surface-2:#101d32;
  --surface-glass:rgba(10,25,46,.72);
  --surface-soft:rgba(255,255,255,.035);
  --line:rgba(134,184,255,.18);
  --line-strong:rgba(75,160,255,.42);

  --text:#f8fafc;
  --muted:#93a4ba;
  --muted-2:#64748b;
  --icon-on-dark-filter:brightness(0) invert(1);
  --icon-on-dark-opacity:.86;

  --blue:#1e6bff;
  --cyan:#00dfff;
  --teal:#00c2a8;
  --violet:#7c3aed;
  --purple:#a855f7;
  --orange:#ff8a00;
  --green:#22c55e;
  --yellow:#facc15;
  --red:#f43f5e;

  --shadow-sm:0 8px 24px rgba(0,0,0,.18);
  --shadow-md:0 20px 50px rgba(0,0,0,.30);
  --glow-blue:0 0 24px rgba(30,107,255,.28);
  --glow-cyan:0 0 26px rgba(0,223,255,.22);
  --glow-violet:0 0 26px rgba(124,58,237,.27);

  --r-sm:8px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:26px;

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --sp-12:48px;
  --sp-16:64px;

  --sidebar:250px;
  --topbar:72px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}