:root {
 --bg: #0E0F12;
 --surface: #16181D;
 --surface-2: #1C1F26;
 --line: #262A31;
 --line-strong: #343943;
 --fg: #F2F0EB;
 --fg-2: #8D939E;
 --fg-3: #626873;
 --accent: #FF4D2E;
 --accent-hover: #E13A1F;
 --accent-soft: rgba(255, 77, 46, .12);
 --link: #6E8BFF;
 --ok: #3DDC97;
 --warn: #FFC46B;
 --grid-line: rgba(255, 255, 255, .07);
 --radius-s: 6px;
 --radius-m: 10px;
 --radius-l: 16px;
 --radius-xl: 22px;
 --space-1: 4px;
 --space-2: 8px;
 --space-3: 12px;
 --space-4: 16px;
 --space-5: 24px;
 --space-6: 32px;
 --space-7: 48px;
 --space-8: 64px;
 --space-9: 96px;
 --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
 --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;
 --dur-fast: 140ms;
 --dur-base: 200ms;
 --dur-slow: 320ms;
 --ease-out: cubic-bezier(.2, .8, .2, 1);
 --container: 1240px;
 color-scheme: dark;
}

html[data-theme="light"] {
 --bg: #E9E9EC;
 --surface: #FFFFFF;
 --surface-2: #F1F1F4;
 --line: #D8D8DD;
 --line-strong: #C2C2C9;
 --fg: #101114;
 --fg-2: #44484F;
 --fg-3: #666B74;
 --accent: #D93418;
 --accent-hover: #B92A12;
 --accent-soft: rgba(217, 52, 24, .10);
 --link: #2244D8;
 --ok: #15855A;
 --warn: #96620F;
 --grid-line: rgba(16, 17, 20, .10);
 color-scheme: light;
}