:root{--primary:#2457d6;--primary-dark:color-mix(in srgb,#2457d6 82%,#000);--page-bg:#f4f6f9;--surface:#ffffff;--text:#172033;--nav:#101827;--border:color-mix(in srgb,#172033 16%,#ffffff);--soft:color-mix(in srgb,#f4f6f9 70%,#ffffff);--muted:color-mix(in srgb,#172033 64%,#f4f6f9);}
html,body{background:var(--page-bg);color:var(--text)}
html[data-theme='dark']{--page-bg:#0f1724;--surface:#172132;--text:#edf2f8;--nav:#0b1220;--border:color-mix(in srgb,#edf2f8 19%,#172132);--soft:color-mix(in srgb,#0f1724 55%,#172132);--muted:color-mix(in srgb,#edf2f8 65%,#0f1724);color-scheme:dark;}
html[data-design='classic']{--radius:5px;--shadow:none}
html[data-design='soft']{--radius:20px;--shadow:0 8px 28px rgba(18,32,54,.09)}
html[data-design='compact']{--radius:9px;--shadow:0 2px 8px rgba(18,32,54,.04)}
html[data-design='compact'] .card{padding:16px}html[data-design='compact'] input,html[data-design='compact'] select,html[data-design='compact'] textarea{padding:8px 10px}