:root{

--primary:#2563eb;

transition:.25s;

}

:root[data-theme="dark"]{

--bg:#0b1220;

--surface:#172033;

--surface2:#111827;

--border:#293548;

--text:#ffffff;

--muted:#94a3b8;

}

:root[data-theme="light"]{

--bg:#f4f7fb;

--surface:#ffffff;

--surface2:#f9fafb;

--border:#d7dce5;

--text:#0f172a;

--muted:#64748b;

}

body{

background:var(--bg);

color:var(--text);

transition:.25s;

}

.sidebar,
.topbar,
.card,
.panel{

background:var(--surface);

border-color:var(--border);

transition:.25s;

}

.page-header p,
.card span{

color:var(--muted);

}