/* Generated by scripts/tokens.py from tokens/tokens.json: do not edit. */
:root, [data-theme="day"] { color-scheme: light; --ground: #c9c3ea; --panel: rgba(255,255,255,0.8); --panel-2: rgba(255,255,255,0.42); --raised: rgba(255,255,255,0.9); --raised-hover: #ffffff; --hover: rgba(30,25,90,0.05); --selected: rgba(79,57,246,0.10); --track: rgba(30,25,90,0.07); --thumb: #ffffff; --on-thumb: #1b1a28; --line: rgba(30,25,70,0.08); --line-strong: rgba(30,25,70,0.15); --rim: rgba(255,255,255,0.6); --float: #ffffff; --scrim: rgba(20,16,50,0.32); --ink: #1b1a28; --ink-muted: #4a4960; --ink-faint: #56556c; --accent: #4f39f6; --accent-text: #3f2be0; --accent-soft: rgba(79,57,246,0.11); --series: #4f39f6; --primary: #4f39f6; --primary-hover: #6250f7; --on-primary: #ffffff; --link: #3f2be0; --link-visited: #3f2be0; --focus: #4f39f6; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #04603f; --good-soft: rgba(4,120,87,0.10); --warn: #8a4500; --warn-soft: rgba(161,98,7,0.12); --bad: #a51818; --bad-soft: rgba(220,38,38,0.10); --info: #6b21a8; --info-soft: rgba(126,34,206,0.10); --neutral: #4a4960; --neutral-soft: rgba(30,25,90,0.07); --shadow-panel: inset 0 0 0 1px rgba(255,255,255,0.6), 0 12px 32px rgba(50,40,120,0.12); --shadow-thumb: 0 1px 2px rgba(30,20,80,0.16); --shadow-raised: 0 1px 2px rgba(30,20,80,0.08); --shadow-primary: 0 1px 2px rgba(79,57,246,0.3), inset 0 1px 0 rgba(255,255,255,0.18); --shadow-float: 0 12px 40px -8px rgba(30,20,80,0.35), 0 0 0 1px rgba(30,25,70,0.08); }
[data-theme="evening"] { color-scheme: dark; --ground: #05070d; --panel: rgba(34,20,46,0.8); --panel-2: rgba(34,20,46,0.42); --raised: rgba(255,236,242,0.08); --raised-hover: rgba(255,236,242,0.13); --hover: rgba(255,214,228,0.06); --selected: rgba(255,143,107,0.14); --track: rgba(255,214,228,0.08); --thumb: rgba(255,240,245,0.17); --on-thumb: #fdf3f6; --line: rgba(255,214,228,0.11); --line-strong: rgba(255,214,228,0.20); --rim: rgba(255,230,238,0.10); --float: #2a1a36; --scrim: rgba(10,4,14,0.55); --ink: #fbeff4; --ink-muted: #dcc0cf; --ink-faint: #bf9cb0; --accent: #ff8f6b; --accent-text: #ffb49b; --accent-soft: rgba(255,143,107,0.16); --series: #e46546; --primary: #ff8f6b; --primary-hover: #ffa283; --on-primary: #2a1020; --link: #ffb49b; --link-visited: #ffb49b; --focus: #ffb49b; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #5eead4; --good-soft: rgba(94,234,212,0.14); --warn: #fcd34d; --warn-soft: rgba(252,211,77,0.14); --bad: #ffa3ac; --bad-soft: rgba(255,138,149,0.14); --info: #d8b4fe; --info-soft: rgba(216,180,254,0.14); --neutral: #dcc0cf; --neutral-soft: rgba(255,214,228,0.08); --shadow-panel: inset 0 0 0 1px rgba(255,230,238,0.10), 0 12px 32px rgba(10,2,16,0.40); --shadow-thumb: 0 1px 2px rgba(0,0,0,0.35); --shadow-raised: none; --shadow-primary: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.25); --shadow-float: 0 12px 40px -8px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,214,228,0.12); }
[data-theme="night"] { color-scheme: dark; --ground: #03050a; --panel: rgba(8,12,36,0.82); --panel-2: rgba(8,12,36,0.45); --raised: rgba(220,226,255,0.07); --raised-hover: rgba(220,226,255,0.12); --hover: rgba(190,200,255,0.06); --selected: rgba(124,134,255,0.16); --track: rgba(190,200,255,0.08); --thumb: rgba(220,226,255,0.16); --on-thumb: #eef0ff; --line: rgba(190,200,255,0.11); --line-strong: rgba(190,200,255,0.20); --rim: rgba(220,226,255,0.09); --float: #10142e; --scrim: rgba(0,2,14,0.55); --ink: #e9ebf8; --ink-muted: #aab0d0; --ink-faint: #8d93b8; --accent: #7c86ff; --accent-text: #b9bfff; --accent-soft: rgba(124,134,255,0.16); --series: #7c86ff; --primary: #615fff; --primary-hover: #7270ff; --on-primary: #ffffff; --link: #a9b0ff; --link-visited: #a9b0ff; --focus: #a9b0ff; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #34d399; --good-soft: rgba(52,211,153,0.14); --warn: #fbbf24; --warn-soft: rgba(251,191,36,0.14); --bad: #ff6467; --bad-soft: rgba(255,100,103,0.14); --info: #d0a3ff; --info-soft: rgba(208,163,255,0.14); --neutral: #aab0d0; --neutral-soft: rgba(190,200,255,0.08); --shadow-panel: inset 0 0 0 1px rgba(220,226,255,0.09), 0 12px 32px rgba(0,2,14,0.45); --shadow-thumb: 0 1px 2px rgba(0,0,0,0.4); --shadow-raised: none; --shadow-primary: 0 1px 2px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.18); --shadow-float: 0 12px 40px -8px rgba(0,0,0,0.7), 0 0 0 1px rgba(190,200,255,0.12); }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) { color-scheme: dark; --ground: #03050a; --panel: rgba(8,12,36,0.82); --panel-2: rgba(8,12,36,0.45); --raised: rgba(220,226,255,0.07); --raised-hover: rgba(220,226,255,0.12); --hover: rgba(190,200,255,0.06); --selected: rgba(124,134,255,0.16); --track: rgba(190,200,255,0.08); --thumb: rgba(220,226,255,0.16); --on-thumb: #eef0ff; --line: rgba(190,200,255,0.11); --line-strong: rgba(190,200,255,0.20); --rim: rgba(220,226,255,0.09); --float: #10142e; --scrim: rgba(0,2,14,0.55); --ink: #e9ebf8; --ink-muted: #aab0d0; --ink-faint: #8d93b8; --accent: #7c86ff; --accent-text: #b9bfff; --accent-soft: rgba(124,134,255,0.16); --series: #7c86ff; --primary: #615fff; --primary-hover: #7270ff; --on-primary: #ffffff; --link: #a9b0ff; --link-visited: #a9b0ff; --focus: #a9b0ff; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #34d399; --good-soft: rgba(52,211,153,0.14); --warn: #fbbf24; --warn-soft: rgba(251,191,36,0.14); --bad: #ff6467; --bad-soft: rgba(255,100,103,0.14); --info: #d0a3ff; --info-soft: rgba(208,163,255,0.14); --neutral: #aab0d0; --neutral-soft: rgba(190,200,255,0.08); --shadow-panel: inset 0 0 0 1px rgba(220,226,255,0.09), 0 12px 32px rgba(0,2,14,0.45); --shadow-thumb: 0 1px 2px rgba(0,0,0,0.4); --shadow-raised: none; --shadow-primary: 0 1px 2px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.18); --shadow-float: 0 12px 40px -8px rgba(0,0,0,0.7), 0 0 0 1px rgba(190,200,255,0.12); } }
[data-theme="nocss"] { color-scheme: light; --ground: #ffffff; --panel: #ffffff; --panel-2: #ffffff; --raised: #ffffff; --raised-hover: #f2f2f2; --hover: #f2f2f2; --selected: #e8e8ff; --track: #ffffff; --thumb: #000000; --on-thumb: #ffffff; --line: #000000; --line-strong: #000000; --rim: #000000; --float: #ffffff; --scrim: rgba(0,0,0,0.25); --ink: #000000; --ink-muted: #333333; --ink-faint: #555555; --accent: #0000ee; --accent-text: #0000ee; --accent-soft: rgba(0,0,238,0.08); --series: #0000ee; --primary: #000000; --primary-hover: #333333; --on-primary: #ffffff; --link: #0000ee; --link-visited: #551a8b; --focus: #0000ee; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #006400; --good-soft: rgba(0,128,0,0.10); --warn: #cc8400; --warn-soft: rgba(255,165,0,0.10); --bad: #cc0000; --bad-soft: rgba(255,0,0,0.10); --info: #800080; --info-soft: rgba(128,0,128,0.10); --neutral: #666666; --neutral-soft: rgba(128,128,128,0.10); --shadow-panel: none; --shadow-thumb: none; --shadow-raised: none; --shadow-primary: none; --shadow-float: none; }
[data-theme="nocss-dark"] { color-scheme: dark; --ground: #0d0d0d; --panel: #0d0d0d; --panel-2: #0d0d0d; --raised: #0d0d0d; --raised-hover: #1a1a1a; --hover: #1a1a1a; --selected: #1c2333; --track: #0d0d0d; --thumb: #f5f5f5; --on-thumb: #0d0d0d; --line: #f5f5f5; --line-strong: #f5f5f5; --rim: #f5f5f5; --float: #0d0d0d; --scrim: rgba(0,0,0,0.6); --ink: #f5f5f5; --ink-muted: #c9c9c9; --ink-faint: #a3a3a3; --accent: #8ab4ff; --accent-text: #8ab4ff; --accent-soft: rgba(138,180,255,0.14); --series: #8ab4ff; --primary: #f5f5f5; --primary-hover: #ffffff; --on-primary: #0d0d0d; --link: #8ab4ff; --link-visited: #c58af9; --focus: #8ab4ff; --flame: #ff0000; --scene-day: #8fb4d9; --scene-evening: #eb6e4d; --scene-night: #0b1a4a; --scene-stone: #d6b483; --good: #86efac; --good-soft: rgba(34,197,94,0.20); --warn: #fdba74; --warn-soft: rgba(251,146,60,0.20); --bad: #fca5a5; --bad-soft: rgba(248,113,113,0.20); --info: #d8b4fe; --info-soft: rgba(192,132,252,0.20); --neutral: #e2e8f0; --neutral-soft: rgba(148,163,184,0.20); --shadow-panel: none; --shadow-thumb: none; --shadow-raised: none; --shadow-primary: none; --shadow-float: none; }
:root { --space-1: 4px; --space-2: 6px; --space-3: 8px; --space-4: 10px; --space-5: 12px; --space-6: 16px; --space-8: 24px; --space-10: 32px; --radius-xs: 4px; --radius-control: 7px; --radius-track: 10px; --radius-panel: 14px; --size-control: 28px; --size-control-sm: 24px; --size-row: 32px; --size-bar: 48px; --size-status: 28px; --font-sans: "Geist", system-ui, "Segoe UI", sans-serif; --font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --font-serif: "Times New Roman", Times, serif; --font-pixel: "VCR OSD Mono", "Geist Mono", monospace; --type-display: 600 28px/34px "Geist", system-ui, "Segoe UI", sans-serif; --type-title: 600 16px/22px "Geist", system-ui, "Segoe UI", sans-serif; --type-heading: 600 12.5px/18px "Geist", system-ui, "Segoe UI", sans-serif; --type-body: 400 13px/18px "Geist", system-ui, "Segoe UI", sans-serif; --type-small: 400 12px/16px "Geist", system-ui, "Segoe UI", sans-serif; --type-control: 500 12.5px/16px "Geist", system-ui, "Segoe UI", sans-serif; --type-label: 500 10.5px/14px "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --type-numeric: 500 12px/16px "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --type-stat: 500 24px/28px "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --type-kbd: 500 11px/14px "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --type-lockup: 500 17px/20px "Geist Mono", ui-monospace, "Cascadia Mono", Menlo, monospace; --type-serif-heading: 700 24px/30px "Times New Roman", Times, serif; --type-serif-body: 400 17px/28px "Times New Roman", Times, serif; --type-pixel: 400 16px/20px "VCR OSD Mono", "Geist Mono", monospace; }