/* Neutral and cyan palettes sampled from the supplied Designeer reference. */
:root,html[data-theme=dark]{color-scheme:dark;--bg:#000;--surface:#0a0a0a;--raised:#111;--line:#262626;--text:#fff;--muted:#858585;--accent:#00bbff;--ink:#000;--shadow:0 1px 2px #0005;--sidebar:#000;--reference-panel:oklab(0.746091 -0.091964 -0.12559 / 0.064)}
html[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#fff;--raised:#f7f7f7;--line:#e0e0e0;--text:#000;--muted:#7a7a7a;--accent:#00749e;--ink:#fff;--shadow:0 1px 3px #0000000f;--sidebar:#fff;--reference-panel:oklab(0.967966 -0.0162008 -0.014364 / 0.4)}
.studio-note,.studio-summary{background:var(--reference-panel);border-color:transparent}
.studio-summary{background:var(--reference-panel)}
.studio-note>span,.studio-note a,.studio-summary a{color:var(--accent)}
.studio-task-icon{color:var(--muted);background:var(--raised);border-color:var(--line);box-shadow:none}
.studio-task-icon svg{background:none;color:inherit;padding:0;border-radius:0}
.sidebar-network>span{background:var(--accent)}
.workspace-sidebar .brand-mark{box-shadow:none}
.workspace-sidebar .main-nav a.active{background:var(--raised);box-shadow:0 1px 3px #00000014}
.workspace-sidebar .main-nav a:hover{background:var(--raised)}
.header.workspace-sidebar #theme-button{display:inline-grid;place-items:center;flex-shrink:0;color:var(--muted);border-radius:5px}
.header.workspace-sidebar #theme-button:hover{background:var(--raised);color:var(--text)}
.board .studio-task:hover{border-color:var(--line);background:var(--raised)}
.button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}
.docs-body pre{color:var(--text)}
@media(max-width:540px){.workspace-sidebar .header-actions{gap:3px}.header.workspace-sidebar #theme-button{width:25px;height:29px;font-size:17px}.workspace-sidebar .mobile-menu{width:24px}.workspace-sidebar .brand>span:last-child,.workspace-sidebar .brand-word{font-size:14px}.header.workspace-sidebar{padding-left:15px;padding-right:15px;gap:9px}}