:root{
--gap:16px;
--gd2:calc(var(--gap) / 2);
--gd3:calc(var(--gap) / 3);
--gd4:calc(var(--gap) / 4);
--gt1:calc(var(--gap) * 1.5);
--gt2:calc(var(--gap) * 2);
--gt3:calc(var(--gap) * 3);
--pw1:1600px;
--pw2:1200px;
--pw3:900px;
--pw4:600px;
--mxw:100%;
--cards-max:var(--pw1);
--gutter:24px;
--br1:14px;
--br0:calc(var(--br1) * 2);
--br2:calc(var(--br1) / 2);
--br3:calc(var(--br1) / 3);
--br4:calc(var(--br1) / 4);
--br5:calc(var(--br1) / 5);
--br6:calc(var(--br1) / 6);
--fz1:14px;
--fz2:13px;
--fz3:13px;
--fz4:12px;
--fz5:12px;
--fz6:11px;
--fw1:500;
--fw2:600;
--fw3:700;
--fw4:800;
--bg:#1f1f1f;
--bg-deep:#141414;
--surface:#28292a;
--surface-2:#303134;
--surface-3:#3c4043;
--surface-hover:#363738;
--border:rgba(255,255,255,0.08);
--border-strong:rgba(255,255,255,0.16);
--text:#e8eaed;
--text-2:#bdc1c6;
--text-3:#9aa0a6;
--text-faint:#7f848a;
--accent:#8ab4f8;
--accent-hover:#aecbfa;
--accent-soft:rgba(138,180,248,0.18);
--brand:#a8c7fa;
--brand-bg:rgba(168,199,250,0.18);
--brand-bg-soft:rgba(168,199,250,0.10);
--brand-ink:#062e6f;
--success:#81c995;
--success-soft:rgba(129,201,149,0.20);
--success-bg:rgba(129,201,149,0.10);
--danger:#f28b82;
--danger-soft:rgba(242,139,130,0.22);
--danger-bg:rgba(242,139,130,0.10);
--warning:#fdd663;
--warning-soft:rgba(253,214,99,0.22);
--warning-bg:rgba(253,214,99,0.10);
--shadow-sm:0 1px 2px rgba(0,0,0,0.3);
--shadow:0 1px 3px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.25);
--sidebar-w:256px;
--topbar-h:64px;
--radius:16px;
--radius-sm:12px;
--radius-xs:8px;
--radius-pill:9999px;
}
html{background:var(--bg)}
body{margin:0;width:100%;background:var(--bg);color:var(--text)}
@media(max-width:900px){
:root{--sidebar-w:0px}
}
@media(max-width:480px){
:root{--gap:12px;--gutter:14px}
}