/* Neutral surfaces restore the original layout; RUNA gold remains an accent. */
:root{color-scheme:light;--paper:#fff;--surface:#fff;--ink:#1c1e22;--muted:#676c74;--line:#e1e4e8;--orange:#f9af19;--orange-dark:#986000;--soft:#f5f6f8;--field:#fff;--field-line:#d5d9df;--subtle:#818791;--brand-panel:#22252a;--brand-muted:#b8bec7}
:root[data-theme="dark"]{color-scheme:dark;--paper:#181a1e;--surface:#202328;--ink:#f3f4f6;--muted:#b3b9c2;--line:#373c44;--orange-dark:#f9af19;--soft:#272b31;--field:#22262c;--field-line:#474e58;--subtle:#a1a9b4;--brand-panel:#121417;--brand-muted:#b8bec7}
body,.auth-right{background:var(--paper);color:var(--ink)}
.brand-panel,.app-sidebar,.welcome-banner{background:var(--brand-panel)}
.brand-copy p,.welcome-banner p{color:var(--brand-muted)}
.eyebrow.light{color:#bdc3cc}.brand-bottom,.art-cross,.art-label{color:#a9b1bd}.brand-bottom>span:first-child{color:#e1e4e9}
.auth-top,.app-top,.auth-footer,.app-footer{background:transparent}
.auth-top,.app-top{gap:18px}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.workspace-tag,.label-link a,.back-link,.auth-footer,.app-footer,.app-top,.field-hint,.microcopy{color:var(--muted)}
.workspace-tag>span{background:#758c7c}.intro p,.panel p,p{color:var(--muted)}
.mobile-brand{background:transparent;padding:0;border-radius:0}.mobile-brand span{color:var(--muted);border-color:var(--line)}
.field input,.field select,select{color:var(--ink);background:var(--field);border-color:var(--field-line)}
input::placeholder{color:var(--subtle)}.field input[readonly]{color:var(--muted);background:var(--soft)}
input:focus,select:focus{border-color:var(--subtle);box-shadow:0 0 0 3px #8c94a218}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--orange-dark)}
.password-toggle{color:var(--subtle)}.password-toggle:hover{background:var(--soft)}
.page-icon,.panel{background:var(--surface);border-color:var(--line)}
.soft-card,.invitation-card,.email-address,.secret-key,.recovery-codes{background:var(--soft);border-color:var(--line);color:var(--ink)}
.button.secondary{background:var(--surface);border-color:var(--field-line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}
.button.primary{background:#f9af19;color:#17191c}.button.primary:hover{background:#ffbe37}.button.light-button{background:#fff;color:#1c1e22}
.auth-divider{color:var(--subtle)}.auth-divider span{background:var(--paper)}.trust-line,.environment-note,.password-strength{color:var(--muted)}
.notice{background:var(--soft);color:var(--ink);border-color:var(--line)}.notice.success{background:transparent;color:#286c44;border-color:#a6cfb3}.notice.error{background:transparent;color:#a02f29;border-color:#e7bbb5}
.badge{background:var(--soft);color:var(--muted);border-color:var(--line)}.badge.green{background:#eff7f2;color:#326b47;border-color:#c4ddcc}
.card-number,th,td small,.invitation-row small,.empty-state,.slash{color:var(--subtle)}td,.invitation-row{border-color:var(--line)}
.app-nav a{color:#c1c7cf}.app-nav a[aria-current=page]{background:#f9af1914;color:#f9af19}.sidebar-label,.sidebar-bottom small{color:#a0a9b6}.sidebar-bottom{border-color:#ffffff16}
.danger-text{color:#a73730}.danger-panel{border-color:#e7cbc7}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-width:86px;padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:550;letter-spacing:0;white-space:nowrap}
.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .theme-sun{display:none}
:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}:root[data-theme="dark"] .theme-toggle .theme-sun{display:block}
:root[data-theme="dark"] .notice.success{color:#9cdeb3;border-color:#416b50}:root[data-theme="dark"] .notice.error{color:#ffb3aa;border-color:#78504b}
:root[data-theme="dark"] .badge.green{background:#23352b;color:#a7dbb8;border-color:#3b5847}:root[data-theme="dark"] .danger-text{color:#ffb3aa}:root[data-theme="dark"] .danger-panel{border-color:#674742}
:root[data-theme="dark"] .brand-lockup>.wordmark-hub{border-color:#f9af1960}:root[data-theme="dark"] .password-strength[data-valid=true]{color:#a7dbb8}
@media(max-width:780px){.auth-top{gap:12px}.auth-top .workspace-tag{display:none}.header-controls{gap:10px}.app-top{height:auto;min-height:64px;padding-top:13px;padding-bottom:13px;gap:12px}.app-top>.header-controls>.workspace-tag{display:none}.app-top>span{min-width:0}.theme-toggle{min-width:80px}.mobile-brand img{width:112px}}
