/* Login/register palettes. Brand artwork retains its original colors. */
:root{--auth-accent:#146b76;--auth-bright:#58b8b7;--auth-wash:#d9eeea;--auth-secondary:#e0e9f5;--auth-night:#17373b}
:root[data-auth-color=blue]{--auth-accent:#285fa8;--auth-bright:#73a9ed;--auth-wash:#dce8fa;--auth-secondary:#e0f0f4;--auth-night:#192c48}
:root[data-auth-color=violet]{--auth-accent:#7147a6;--auth-bright:#b098e1;--auth-wash:#e9e0f5;--auth-secondary:#f3e4ee;--auth-night:#302140}
:root[data-auth-color=coral]{--auth-accent:#ad493c;--auth-bright:#ee9e87;--auth-wash:#f8e3db;--auth-secondary:#f5eddd;--auth-night:#412825}
:root[data-auth-color=olive]{--auth-accent:#586d30;--auth-bright:#acbf77;--auth-wash:#e7edd8;--auth-secondary:#f3ecdf;--auth-night:#2c3520}
.auth-body{--ws-accent:var(--auth-accent);background:radial-gradient(ellipse at 15% 15%,var(--auth-wash) 0,transparent 48%),radial-gradient(ellipse at 80% 80%,var(--auth-secondary) 0,transparent 48%),#f7f9fa}
.auth-body .auth-intro h1{color:var(--auth-accent)}
.auth-body .auth-feature .app-icon{background:linear-gradient(145deg,var(--auth-bright),var(--auth-accent))}
.auth-body .auth-panel form>.button{background:var(--auth-accent)!important;border-color:var(--auth-accent)!important;color:white!important}
.auth-body .auth-panel a{color:var(--auth-accent)}
.auth-body .auth-panel input:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px;border-color:var(--auth-accent)}
.auth-appearance{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:0}
.auth-palette{margin:0;padding:0;border:0;min-width:0}
.auth-palette legend{font-size:11px;font-weight:600;color:var(--ws-muted);margin-bottom:9px;padding:0}
.auth-swatches{display:flex;gap:5px}
.auth-body .auth-swatches button{display:grid;place-items:center;position:relative;width:36px;height:36px;padding:5px;border:2px solid transparent!important;border-radius:50%;background:transparent!important;box-shadow:none;cursor:pointer;transition:transform .2s,border-color .2s}
.auth-swatches button span{width:22px;height:22px;border-radius:50%;background:var(--swatch)}
.auth-swatches [data-auth-color=teal]{--swatch:#146b76}
.auth-swatches [data-auth-color=blue]{--swatch:#285fa8}
.auth-swatches [data-auth-color=violet]{--swatch:#7147a6}
.auth-swatches [data-auth-color=coral]{--swatch:#ad493c}
.auth-swatches [data-auth-color=olive]{--swatch:#586d30}
.auth-body .auth-swatches button[aria-pressed=true]{border-color:var(--auth-accent)!important}
.auth-swatches button[aria-pressed=true]:after{content:'✓';position:absolute;color:white;font-size:13px;line-height:1;font-weight:700}
.auth-swatches button:hover{transform:translateY(-2px)}
.auth-swatches button:focus-visible,.auth-mode:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}
.auth-body .auth-mode{font-size:11px;padding:9px 11px;border-radius:9px;background:var(--ws-bg);color:var(--ws-text);border:1px solid var(--ws-border);white-space:nowrap}
.auth-body .auth-panel .auth-color-status{font-size:11px;color:var(--ws-muted);margin:5px 0 24px;min-height:17px}
html[data-theme=dark] .auth-body{--ws-accent:var(--auth-bright);background:radial-gradient(ellipse at 15% 20%,var(--auth-night),transparent 60%),#101b23}
html[data-theme=dark] .auth-body .auth-intro h1,html[data-theme=dark] .auth-body .auth-panel a{color:var(--auth-bright)!important}
html[data-theme=dark] .auth-body .auth-swatches button[aria-pressed=true]{border-color:var(--auth-bright)!important}
html[data-theme=dark] .auth-body :is(input,.auth-swatches button,.auth-mode):focus-visible{outline-color:var(--auth-bright)}
@media(prefers-reduced-motion:reduce){.auth-swatches button{transition:none}}