/* Made by build.mjs from apps/web/src/app/globals.css: don't edit. */
:root { --ink: #0A0A0B; --on-ink: #FFFFFF; --ink-hover: #2A2A2E; --surface: #F4F4F5; --raised: #FFFFFF; --raised-high: #FFFFFF; --muted: #56565F; --outline: #E6E6E9; --control: #84848D; --ok: #16744B; --bad: #BF2D28; --bad-fill: #FCE9E8; --track: #DCDCE1; --rail: #F0F0F2; --selected: #E4E4E7; --scrim: rgb(10 10 11 / .4); --needs: #2350C8; --needs-mark: #2350C8; --needs-fill: #E9EEFA; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ink: #EDEDF0; --on-ink: #0E0E10; --ink-hover: #D4D4D9; --surface: #0E0E10; --raised: #17171A; --raised-high: #202024; --muted: #A3A3AB; --outline: #2A2A2F; --control: #74747C; --ok: #62D39C; --bad: #FF8A82; --bad-fill: #331A19; --track: #3C3C42; --rail: #222226; --selected: #2F2F33; --scrim: rgb(0 0 0 / .6); --needs: #6285E4; --needs-mark: #6285E4; --needs-fill: #192036; color-scheme: dark; } }
:root[data-theme="dark"] { --ink: #EDEDF0; --on-ink: #0E0E10; --ink-hover: #D4D4D9; --surface: #0E0E10; --raised: #17171A; --raised-high: #202024; --muted: #A3A3AB; --outline: #2A2A2F; --control: #74747C; --ok: #62D39C; --bad: #FF8A82; --bad-fill: #331A19; --track: #3C3C42; --rail: #222226; --selected: #2F2F33; --scrim: rgb(0 0 0 / .6); --needs: #6285E4; --needs-mark: #6285E4; --needs-fill: #192036; color-scheme: dark; }
:root { --motion-press: 80ms; --motion-hover: 120ms; --motion-swap: 180ms; --motion-panel: 240ms; --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-move: cubic-bezier(.65, 0, .35, 1); --shift: 8px; --shift-rail: 16px; --scale-in: .98; }
@media (prefers-reduced-motion: reduce) { :root { --motion-swap: var(--motion-hover); --motion-panel: var(--motion-hover); --shift: 0px; --shift-rail: 0px; --scale-in: 1; } }