:root { --chrome: #0b0d10; --canvas: #111419; --panel: #15191f; --agent-surface: #121b23; --quota-percent: #99f5f5; --surface: #1d232b; --surface-2: #27303a; --button: #29323c; --button-hover: #35414d; --button-active: #2c4a60; --line: #29313a; --line-bright: #566675; --accent: #78a9c7; --text: #edf1f5; --muted: #b4bec8; --faint: #9aa5b0; --link: #76c0e6; --add: #57cf8b; --remove: #ff6878; --category-1: #c77b72; --category-2: #b881a4; --category-3: #5d9da7; --category-4: #b78b65; --font-interface: "Roboto", sans-serif; --font-technical: "Roboto Mono", monospace; --font-conversation: "Roboto", sans-serif; --font-code: "Roboto Mono", monospace; --interface-size: 16px; --technical-size: 12px; --conversation-size: 17px; --secondary-size: 14px; --code-size: 13px; --corner-radius: 2px; --type-xs: max(.6rem, 10px); --type-sm: max(.66rem, 10.5px); --type-md: max(.74rem, 11px); --type-lg: max(.85rem, 12px); --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 10px; --space-6: 12px; --space-7: 14px; --space-8: 20px; --space-9: 24px; --space-10: 32px; --hit-target: 24px; --color-scheme: dark; --global-status-height: 29px; --tab-strip-height: 29px; --tab-color: var(--line-bright); --panel-control-size: 18px; --panel-activity-size: 6px; --panel-activity-active-color: oklch(from var(--accent) max(l, .86) c h); --panel-activity-active-speed: 1.6s; --panel-error-color: #f2b5a8; --background-panel-width: 360px; --control-height: 26px; --input-height: 31px; --control-fill: var(--button); --field-fill: var(--surface); --danger-fill: color-mix(in srgb, var(--remove) 65%, var(--chrome)); --danger-ink: var(--text); --scrim: color-mix(in srgb, var(--chrome) 72%, transparent); --empty-state-title-color: var(--accent); --empty-state-title-size: var(--type-lg); --empty-state-title-tracking: .16em; --empty-state-state-font: var(--font-technical); --empty-state-state-size: var(--type-xs); --empty-state-gap: var(--space-2); --pane-inset: var(--space-7); --label-tracking: .06em; --title-tracking: .08em; --leading-ui: 1.4; --leading-prose: 1.5; --collapse-glyph-closed: "˅"; --collapse-glyph-open: "˄"; --disabled-opacity: .5; --switch-width: 34px; --switch-height: 18px; --switch-knob: 10px; --switch-track: var(--surface); --switch-track-on: color-mix(in srgb, var(--button-active) 52%, var(--surface)); --switch-edge: var(--line-bright); --switch-edge-on: var(--button-active); --switch-knob-color: var(--muted); --switch-knob-on: var(--text); --tab-fill-lightness: .5; --tab-edge-lightness: .72; --tab-unselected-mix: 55%; --attention: #efd27d; --ink-on-agent: #fff; --shadow-panel: 0 12px 28px #0009; --shadow-menu: 0 12px 35px #000a; --shadow-dialog: 0 20px 70px #000d; }
:root[data-theme="mac-terminal"] { --chrome: #050607; --canvas: #0d1013; --panel: #11151a; --surface: #1c2126; --surface-2: #282e34; --button: #30363b; --button-hover: #414950; --button-active: #31536f; --line: #293138; --line-bright: #52606b; --accent: #6ea8db; --link: #5ac8fa; --text: #f7f8fa; --muted: #9da8b2; --faint: #74818c; --add: #57cf8b; --remove: #ff6878; --category-1: #e0645a; --category-2: #df5b9d; --category-3: #26acc5; --category-4: #db5047; --font-interface: "SFMono-Regular", "SF Mono", Menlo, monospace; --font-conversation: "SFMono-Regular", "SF Mono", Menlo, monospace; --font-technical: "SFMono-Regular", "SF Mono", Menlo, monospace; --font-code: "SFMono-Regular", "SF Mono", Menlo, monospace; --interface-size: 12px; --conversation-size: 13.5px; --secondary-size: 10px; --technical-size: 10px; --code-size: 11.5px; }
:root[data-theme="pc-terminal"] { --chrome: #0c0c0c; --canvas: #0c0c0c; --panel: #0c0c0c; --surface: #1c1c1c; --surface-2: #242424; --button: #1c1c1c; --button-hover: #2b2b2b; --button-active: #0037da; --line: #2b2b2b; --line-bright: #767676; --accent: #3b78ff; --link: #61d6d6; --text: #cccccc; --muted: #a6a6a6; --faint: #838383; --add: #57cf8b; --remove: #ff6878; --category-1: #e74856; --category-2: #b4009e; --category-3: #61d6d6; --category-4: #3b78ff; --font-interface: "Cascadia Mono", Consolas, "Courier New", monospace; --font-conversation: "Cascadia Mono", Consolas, "Courier New", monospace; --font-technical: "Cascadia Mono", Consolas, "Courier New", monospace; --font-code: "Cascadia Mono", Consolas, "Courier New", monospace; --interface-size: 12px; --conversation-size: 16px; --secondary-size: 10px; --technical-size: 11px; --code-size: 16px; }
:root[data-theme="graphite"] { --chrome: #090a0b; --canvas: #101315; --panel: #15191c; --surface: #22272b; --surface-2: #30363b; --button: #33383c; --button-hover: #454b50; --button-active: #56616a; --line: #30383e; --line-bright: #69757e; --accent: #a9b3bc; --link: #78b7d0; --text: #ffffff; --muted: #aeb6bd; --faint: #7a858d; --add: #57cf8b; --remove: #ff6878; --category-1: #c87970; --category-2: #b578a0; --category-3: #5ba9b7; --category-4: #8d99a3; --font-interface: Inter, system-ui, sans-serif; --font-conversation: Inter, system-ui, sans-serif; --font-technical: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-code: ui-monospace, "Cascadia Mono", Consolas, monospace; --interface-size: 12px; --conversation-size: 14px; --secondary-size: 10px; --technical-size: 10px; --code-size: 12px; }
:root[data-theme="black"] { --chrome: #000000; --canvas: #000000; --panel: #050505; --surface: #151515; --surface-2: #242424; --button: #202020; --button-hover: #343434; --button-active: #7c1018; --line: #292929; --line-bright: #585858; --accent: #e12635; --link: #5dade2; --text: #ffffff; --muted: #b9b9b9; --faint: #7d7d7d; --add: #57cf8b; --remove: #ff6878; --category-1: #ef3d4d; --category-2: #d64d8c; --category-3: #ef7447; --category-4: #c52132; --font-interface: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-conversation: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-technical: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-code: ui-monospace, "Cascadia Mono", Consolas, monospace; --interface-size: 12px; --conversation-size: 14px; --secondary-size: 10px; --technical-size: 10px; --code-size: 12px; }
:root[data-theme="retropc"] { --chrome: #020b06; --canvas: #030f08; --panel: #06130b; --surface: #0a2112; --surface-2: #11331c; --button: #10371e; --button-hover: #1b5730; --button-active: #246f3c; --line: #174727; --line-bright: #3a9f5e; --accent: #43f27d; --link: #5fc9ff; --text: #c9ffd8; --muted: #7cd699; --faint: #4d8e61; --add: #57cf8b; --remove: #ff6878; --category-1: #79dd75; --category-2: #d3bd4f; --category-3: #46c8a6; --category-4: #58a86f; --font-interface: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-conversation: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-technical: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-code: ui-monospace, "Cascadia Mono", Consolas, monospace; --interface-size: 12px; --conversation-size: 13px; --secondary-size: 10px; --technical-size: 10px; --code-size: 11px; }
:root[data-theme="copper"] { --chrome: #120d0a; --canvas: #1a120e; --panel: #211711; --surface: #35251b; --surface-2: #493329; --button: #4e3427; --button-hover: #694630; --button-active: #8c5739; --line: #513726; --line-bright: #9e6948; --accent: #df8550; --link: #73b9c5; --text: #fff4e5; --muted: #d2b49c; --faint: #a1816a; --add: #57cf8b; --remove: #ff6878; --category-1: #d77c50; --category-2: #bc6b85; --category-3: #6ea39d; --category-4: #c58d45; --font-interface: Georgia, "Times New Roman", serif; --font-conversation: Georgia, "Times New Roman", serif; --font-technical: ui-monospace, "Cascadia Mono", Consolas, monospace; --font-code: ui-monospace, "Cascadia Mono", Consolas, monospace; --interface-size: 12px; --conversation-size: 14.5px; --secondary-size: 10px; --technical-size: 10px; --code-size: 12px; }
[data-variant="agent-01"] { --tab-color: #d55e00; }
[data-variant="agent-02"] { --tab-color: #e69f00; }
[data-variant="agent-03"] { --tab-color: #f0e442; }
[data-variant="agent-04"] { --tab-color: #8bad1a; }
[data-variant="agent-05"] { --tab-color: #22e022; }
[data-variant="agent-06"] { --tab-color: #009e73; }
[data-variant="agent-07"] { --tab-color: #6df2da; }
[data-variant="agent-08"] { --tab-color: #56b4e9; }
[data-variant="agent-09"] { --tab-color: #0072b2; }
[data-variant="agent-10"] { --tab-color: #1a1aad; }
[data-variant="agent-11"] { --tab-color: #6f5cc2; }
[data-variant="agent-12"] { --tab-color: #4e24f2; }
[data-variant="agent-13"] { --tab-color: #d024f2; }
[data-variant="agent-14"] { --tab-color: #cc79a7; }
[data-variant="agent-15"] { --tab-color: #ad1a64; }
[data-variant="agent-16"] { --tab-color: #f22469; }
[data-variant="agent-17"] { --tab-color: #000000; }
[data-variant="agent-18"] { --tab-color: #ffffff; }
[data-variant="agent-19"] { --tab-color: #5a626b; }
[data-variant="agent-20"] { --tab-color: #8a939d; }
:root { --conversation-wallpaper: none; --conversation-ink: #fff8f2; --conversation-muted: #e9d9d5; --conversation-glow: #fb987a; --conversation-glow-cool: #777ac7; --conversation-glass: #fff8ef17; --conversation-edge: #fff8ef4a; --conversation-radius: 22px; --conversation-speed: 110ms; --conversation-orb-size: 112px; --conversation-stage-width: 920px; --conversation-composer-width: 660px; --conversation-task-width: 230px; }
:root { --soia-logo-duration: 600ms; --master-tab-width: 104px; --window-control-width: 40px; }