:root { color-scheme: light; --page: #f6f8fb; --surface: #fff; --surface-soft: #f9fafc; --text: #182435; --muted: #748093; --line: #e7ebf1; --accent: #315eea; --accent-soft: #edf2ff; --green: #2e9b70; --shadow: 0 8px 24px rgb(26 41 66 / 4%); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis: none; text-rendering: optimizeLegibility; }
:root[data-theme='dark'] { color-scheme: dark; --page: #111824; --surface: #192332; --surface-soft: #202c3d; --text: #edf2fa; --muted: #a0acbd; --line: #2d394b; --accent: #84a1ff; --accent-soft: #263452; --green: #6bd5a5; --shadow: 0 8px 24px rgb(0 0 0 / 12%); }
* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: var(--text); font-size: 14px; line-height: 1.5; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 50%, transparent); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
::selection { background: var(--accent-soft); }