/* Values copied from docs/live/graphicmodel/ui/tokens.md (the source). Only T27 edits this file. */
:root{
 --color-bg:#07101b;
 --color-panel:#07121d;
 --color-panel-raised:#0c1925;
 --color-panel-hover:#205779;
 --color-text:#edf6ff;
 --color-text-muted:#b6cada;
 --color-text-subtle:#9bb6c9;
 --color-text-on-accent:#082338;
 --color-accent:#7fdcff;
 --color-border:#638399;
 --color-border-subtle:#345367;
 --color-warning:#ffdba1;
 --color-crosshair:#d9f7ff;
 --panel-alpha:0.91;
 --panel-alpha-hud:0.81;
 --panel-blur:10px;
 --text-shadow-hud:0 1px 2px #000000b3;
 --shadow-panel:0 8px 24px #00000066;
 --font-family:system-ui, sans-serif;
 --font-weight-regular:400;
 --font-weight-bold:700;
 --font-size-xs:12px;
 --font-size-sm:14px;
 --font-size-md:20px;
 --font-size-lg:28px;
 --font-size-xl:30px;
 --line-height-body:1.6;
 --letter-spacing-label:0.16em;
 --letter-spacing-title:-0.02em;
 --space-1:4px;
 --space-2:8px;
 --space-3:12px;
 --space-4:16px;
 --space-5:24px;
 --space-6:28px;
 --size-target-min:24px;
 --size-target-touch:44px;
 --size-keycap:20px;
 --radius-sm:3px;
 --radius-md:6px;
 --border-width:1px;
 --opacity-disabled:0.5;
 --opacity-hud-idle:0.72;
 --opacity-overlay-idle:0;
 --motion-fast:90ms;
 --motion-base:160ms;
 --motion-slow:280ms;
 --motion-hide-delay:2500ms;
 --ease-out:cubic-bezier(0.2, 0, 0, 1);
 --ease-in:cubic-bezier(0.4, 0, 1, 1);
 --z-scene:0;
 --z-hud:10;
 --z-panel:20;
 --z-menu:30;
 --z-loading:40;
 --z-toast:50;
 --focus-ring:2px solid var(--color-accent);
}
@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms;--motion-slow:0ms}}