/* One palette for every layout, including login, legacy screens and drawers. */
:root {
 color-scheme: light;
 --canvas:#f5f6f8;--surface:#ffffff;--surface-alt:#edf1f7;--hover:#e2eafa;
 --text:#202b3c;--muted:#526176;--line:#bcc7d7;--link:#294fca;
 --accent-solid:#335bd5;--on-accent:#ffffff;--focus:#335bd5;
 --success:#22613e;--success-soft:#e5f3ea;--warning:#795000;--warning-soft:#fff1d2;--danger:#a02840;--danger-soft:#ffedf1;--shadow:#10213a20;
 --ink:var(--text);--navy:var(--accent-solid);--blue:var(--link);--border:var(--line);--panel:var(--surface);--accent:var(--accent-solid);
}
:root[data-theme=dark] {
 color-scheme:dark;
 --canvas:#10151e;--surface:#192230;--surface-alt:#222e40;--hover:#2b3c57;
 --text:#e8edf5;--muted:#a8b5ca;--line:#4b5c75;--link:#a8c1ff;
 --accent-solid:#335bd5;--on-accent:#ffffff;--focus:#a8c1ff;
 --success:#a1dfb9;--success-soft:#1c3c30;--warning:#f0d38e;--warning-soft:#40341d;--danger:#ffb4c2;--danger-soft:#452634;--shadow:#00000055;
}
@media(prefers-color-scheme:dark){:root:not([data-theme]) {
 color-scheme:dark;--canvas:#10151e;--surface:#192230;--surface-alt:#222e40;--hover:#2b3c57;--text:#e8edf5;--muted:#a8b5ca;--line:#4b5c75;--link:#a8c1ff;--focus:#a8c1ff;--success:#a1dfb9;--success-soft:#1c3c30;--warning:#f0d38e;--warning-soft:#40341d;--danger:#ffb4c2;--danger-soft:#452634;--shadow:#00000055;
}}
.theme-control{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;color:var(--muted)}
.theme-control select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:38px;padding:7px 26px 7px 10px;max-width:135px;cursor:pointer}
.theme-control select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.auth-card>.theme-control{display:flex;justify-content:flex-end;margin-bottom:20px}
.top{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.top .version{margin-left:auto}
input,select,textarea{color:var(--text);accent-color:var(--accent-solid)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
@media(max-width:640px){.top .version{display:none}.theme-control{gap:5px}.theme-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.theme-control select{max-width:110px}.top>strong{min-width:90px}}

:root,body,.studio-interface{background:var(--canvas);color:var(--text)}
.nav-toggle,.logout,.secondary-button{background:var(--surface);color:var(--text)}
:root{--control-line:#77869c}:root[data-theme=dark]{--control-line:#7185a3}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--control-line:#7185a3}}
.theme-control select,.project-form input,.project-form select,.project-form textarea,.filter-bar input,.filter-bar select,.review-form textarea,.login-form input,.saved-view-row input,.studio-options{border-color:var(--control-line)}