:root{--surface:#fff;--ink:#261e35;--green:#7040b8;--mint:#eee7f8;--bg:#f7f5fb;--muted:#756c83;--line:#e5dfee;--focus:#ad88e0}
.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:100;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--ink);box-shadow:0 6px 24px #0002;padding:10px 17px;font-size:12px;font-weight:650;cursor:pointer}
.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.hero-preview,.panel,.metric,.auth-card,.price-card,.sidebar,.button.secondary,input,select,textarea{background:var(--surface)}
.tag,.badge,.pill,.workspace,.avatar,.user-avatar,.feature-icon,.preview-metrics>div,.feature-grid article{background:var(--mint);color:var(--ink)}
.welcome,.cta,.next-step{background:var(--mint)}
.button:hover{background:#5e2eaa}.button.secondary:hover{background:var(--mint)}
.tag{border-color:var(--line)}.dot{background:#af85ef}.hero-preview{box-shadow:0 25px 70px #44206415}.preview-list>div{border-color:var(--line)}
label{color:var(--ink)}input,select,textarea{border-color:var(--line)}input:focus,select:focus,textarea:focus{outline-color:var(--focus)}
[data-theme=dark]{color-scheme:dark;--surface:#21182f;--ink:#f3edfc;--green:#bc95f5;--mint:#30213f;--bg:#130e1d;--muted:#baadc9;--line:#3b2c4d;--focus:#c5a5f5}
[data-theme=dark] .button{background:#8050c6;border-color:#9967df;color:#fff}
[data-theme=dark] .button:hover{background:#9464db}
[data-theme=dark] .button.secondary{background:var(--surface);border-color:var(--line);color:var(--green)}
[data-theme=dark] .button.secondary:hover{background:#342044}
[data-theme=dark] .badge.green{background:#27392f;color:#a5e3bb}
[data-theme=dark] .badge.orange{background:#443025;color:#f3c38f}
[data-theme=dark] .alert{background:#243b2f;color:#c1f3d0;border-color:#436c52}
[data-theme=dark] .alert.error{background:#442633;color:#ffc5ce;border-color:#794153}
[data-theme=dark] .sidebar nav a{color:var(--muted)}
[data-theme=dark] .sidebar nav a.active{background:#3b2553;color:#dec8ff}
[data-theme=dark] .price-card.featured{border-color:#af7deb;box-shadow:0 12px 40px #07050b50}
[data-theme=dark] .hero-preview{box-shadow:0 25px 70px #07050b80}
@media(max-width:760px){.theme-toggle{right:14px;bottom:14px;font-size:11px}body{padding-bottom:50px}}