:root:root{
--bg:#f4f6fb;
--primary:#811ca6;
--primary-dark:#61177c;
--accent:#b8912f;
--primary-soft-bg:#e2b0f2;
--primary-soft-border:#d9cbee;
--primary-border:#61177c;
--button-bg:var(--primary);
--top-link-bg:rgba(255, 255, 255, 0.12);
--top-link-bg-hover:rgba(255, 255, 255, 0.12);
--top-link-border-hover:rgba(255, 255, 255, 0.35);
--topbar-bg:var(--primary);
--sidebar-bg:var(--surface);
}
:root:root[data-theme="dark"]{
--bg:#191d20;
--primary:#8a63c9;
--primary-dark:#a98ada;
--accent:#d4b45a;
--primary-bright:#b9a0e8;
--primary-strong-border:#5b3a94;
--primary-tint-bg:rgba(138, 99, 201, 0.18);
--primary-deep-tint:rgba(79, 38, 131, 0.32);
--button-bg:#4a2d78;
--top-link-bg:#38235c;
--top-link-bg-hover:#47296f;
--top-link-border-hover:#7a57ab;
--topbar-bg:#2a1a47;
--sidebar-bg:#1e1a26;
}