/* Bin Usmani identity. Keep the established responsive layouts and controls. */
:root{--bg:#faf8f5;--panel:#fff;--line:#e4ded4;--text:#25221d;--muted:#70695f;--gold:#765711;--atelier-ink:#25221d;--atelier-sage:#f0e8d9;--atelier-accent:#d3a738;--atelier-shadow:0 5px 24px #12111008}
body::before{background:radial-gradient(ellipse at 95% 0,#d3a73815,transparent 45%)}
a{color:#765711}a:hover{color:#4c390e}::selection{background:#d3a738;color:#121110}
aside{background:#f5f0e7;border-color:var(--line)}
.wordmark,.atelier-workspace-label strong,h1,h2,h3,h4,.login-card h1{color:var(--text)}
.eyebrow,.nav-group,.login-card label,.login-card .muted,.login-card .eyebrow{color:var(--muted)}
.primary,.login-card .primary{background:#d3a738;color:#121110;border-color:#d3a738}.primary:hover{background:#e4bd5c;color:#121110;border-color:#e4bd5c}
.brand-mark,.login-card .brand-mark{background:#121110;color:#d3a738;border-radius:9px;font-size:17px;letter-spacing:-1px}
nav button.active,nav a.active{background:#e9ddc6;color:#45330d}
.atelier-hero{background:#f0e8d9;border-color:#e4d7bd}.atelier-hero h2,.atelier-hero h2 em,.atelier-login-art h2,.atelier-login-art h2 em{color:#25221d}
.atelier-hero-art{filter:sepia(.65)}.atelier-spark{color:#765711}
.login{background:#faf8f5}.login-card{border-color:var(--line);box-shadow:var(--atelier-shadow)}
.atelier-login-art{color:#70695f}.atelier-login-art:before{background:#d3a73820}
input:focus,select:focus,textarea:focus{border-color:#8d6b20;box-shadow:0 0 0 3px #d3a73826}
.client-logo{display:block;width:180px;max-width:100%;height:90px;object-fit:cover;object-position:center;margin-bottom:18px}
html[data-theme=dark]{--bg:#121110;--panel:#1d1b18;--line:#403a30;--text:#faf8f5;--muted:#bbb2a4;--gold:#d3a738;--atelier-ink:#faf8f5;--atelier-sage:#2a2723;--atelier-accent:#d3a738}
html[data-theme=dark] body::before{background:radial-gradient(ellipse at 95% 0,#d3a73812,transparent 45%)}
html[data-theme=dark] aside{background:#191714}html[data-theme=dark] a{color:#e4bd5c}
html[data-theme=dark] .wordmark,html[data-theme=dark] .atelier-workspace-label strong,html[data-theme=dark] .login-card h1{color:#faf8f5}
html[data-theme=dark] .atelier-hero,html[data-theme=dark] .atelier-login-art{background:#242019;color:#bbb2a4;border-color:#403a30}
html[data-theme=dark] .atelier-hero h2,html[data-theme=dark] .atelier-hero h2 em,html[data-theme=dark] .atelier-login-art h2,html[data-theme=dark] .atelier-login-art h2 em{color:#faf8f5}
html[data-theme=dark] .login{background:#121110}html[data-theme=dark] .login-card{background:#1d1b18;border-color:#403a30}
html[data-theme=dark] nav button.active,html[data-theme=dark] nav a.active{background:#393020;color:#f1d797}
html[data-theme=dark] .primary{background:#d3a738;color:#121110;border-color:#d3a738}
html[data-theme=dark] .brand-mark{background:#121110;color:#d3a738}
html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{border-color:#d3a738}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}