/* GENERATED by website/build.py from tokens.py and motion.py. Do not edit; rebuild instead. */
:root{--bg:#131316;--surface:#18181C;--card:#1E1E23;--card-hover:#25252B;--card-active:#2C2C33;--line:#2E2E35;--ink:#EDEDF0;--ink-2:#A0A0AB;--ink-3:#5C5C66;--brand:#5249EC;--brand-hover:#5C54F0;--brand-press:#4840D8;--brand-fg:#8F88F7;--on-brand:#FFFFFF;--on-image:#FFFFFF;--ok:#34C77B;--warn:#F5A524;--error:#F0525F;--brand-halo:rgba(82, 73, 236, 0.28);--scroll:rgba(237, 237, 240, 0.24);--scroll-hover:rgba(237, 237, 240, 0.40);--image-scrim:rgba(0, 0, 0, 0.40);--scrim:rgba(0, 0, 0, 0.50);--lightbox-bg:rgba(11, 11, 13, 0.96);--transparent:rgba(0, 0, 0, 0);color-scheme:dark}
:root[data-theme="light"]{--bg:#F4F4F7;--surface:#ECECF1;--card:#FFFFFF;--card-hover:#F3F3F6;--card-active:#E9E9EF;--line:#E1E1E8;--ink:#1B1B1F;--ink-2:#5F5F6B;--ink-3:#A8A8B3;--brand:#5249EC;--brand-hover:#4A41E0;--brand-press:#4038D0;--brand-fg:#5249EC;--on-brand:#FFFFFF;--on-image:#FFFFFF;--ok:#1F9D5C;--warn:#C47F0A;--error:#D93644;--brand-halo:rgba(82, 73, 236, 0.28);--scroll:rgba(27, 27, 31, 0.24);--scroll-hover:rgba(27, 27, 31, 0.40);--image-scrim:rgba(0, 0, 0, 0.40);--scrim:rgba(0, 0, 0, 0.25);--lightbox-bg:rgba(11, 11, 13, 0.96);--transparent:rgba(0, 0, 0, 0);color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#F4F4F7;--surface:#ECECF1;--card:#FFFFFF;--card-hover:#F3F3F6;--card-active:#E9E9EF;--line:#E1E1E8;--ink:#1B1B1F;--ink-2:#5F5F6B;--ink-3:#A8A8B3;--brand:#5249EC;--brand-hover:#4A41E0;--brand-press:#4038D0;--brand-fg:#5249EC;--on-brand:#FFFFFF;--on-image:#FFFFFF;--ok:#1F9D5C;--warn:#C47F0A;--error:#D93644;--brand-halo:rgba(82, 73, 236, 0.28);--scroll:rgba(27, 27, 31, 0.24);--scroll-hover:rgba(27, 27, 31, 0.40);--image-scrim:rgba(0, 0, 0, 0.40);--scrim:rgba(0, 0, 0, 0.25);--lightbox-bg:rgba(11, 11, 13, 0.96);--transparent:rgba(0, 0, 0, 0);color-scheme:light}}
:root{--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--control-h:32px;--chip-h:28px;--control-pad:14px;--radius-card:10px;--radius-panel:14px;--radius-thumb:6px;--line-width:1px;--focus-ring:3px;--minor:11px;--mono:12px;--press-scale:0.97;--hover-in:60ms;--hover-out:200ms;--press:80ms;--release:220ms;--slide:260ms;--ease-enter:cubic-bezier(0.22,1.0,0.36,1.0);--ease-move:cubic-bezier(0.32,0.72,0.0,1.0);--ease-exit:cubic-bezier(0.4,0.0,1.0,1.0)}