/* Dark is the default; the explicit choice is shared by all studio pages. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0}
.theme-toggle>.icon{width:19px;height:19px}
.nav-actions>.theme-toggle{order:-1}
.nav-actions>.theme-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-toggle:hover{border-color:var(--violet);color:var(--violet)}
.theme-toggle-mobile{border-radius:12px;font-size:14px}
html[data-theme=dark]{color-scheme:dark;--paper:#0d1422;--ink:#eaf3f8;--muted:#b3c4d1;--line:#304155;--pine:#61ddd1;--acid:#45e1d2;--surface:#151f30;--surface-raised:#1b293d;--violet:#963ddd;--neon:#c270ff;--focus-ring:#c270ff40;--soft-shadow:0 8px 32px #00000025}
html[data-theme=dark] ::selection{background:#a54bf075;color:#fff}
html[data-theme=dark] .header,html[data-theme=dark] .mobile-project-bar{background:#0d1422ed;border-color:var(--line);box-shadow:0 4px 24px #0002}
html[data-theme=dark] .dialog-header{background:#151f30f5}
html[data-theme=dark] img[src*="/studio-logo.svg"]{filter:brightness(0) invert(1)}
html[data-theme=dark] .button,html[data-theme=dark] .round-cta{color:#fff}
html[data-theme=dark] .button-outline{color:#d59cff;border-color:#ae68e8}
html[data-theme=dark] .button-outline:hover{color:#fff}
html[data-theme=dark] .section-label,html[data-theme=dark] .step-kicker{color:#d59cff}
html[data-theme=dark] .desktop-nav a:hover,html[data-theme=dark] .desktop-nav a[aria-current]{color:#d59cff}
html[data-theme=dark] .showcase,html[data-theme=dark] .sales-panel,html[data-theme=dark] .offer-featured,html[data-theme=dark] .estimator-section,html[data-theme=dark] .brand-display,html[data-theme=dark] .naming-note,html[data-theme=dark] .selected-offer,html[data-theme=dark] .language-notice{background:#142a35;border-color:#315562}
html[data-theme=dark] .offer,html[data-theme=dark] .value-grid article,html[data-theme=dark] .estimate-summary{border-color:var(--line)}
html[data-theme=dark] .showcase-tabs{background:#0d142260}
html[data-theme=dark] .window-bar{background:var(--surface);color:var(--muted)}
html[data-theme=dark] .window-bar>span:first-child{color:#8197aa}
html[data-theme=dark] .featured-site{background:var(--surface)}
html[data-theme=dark] .look-garage .featured-foot{background:#15424a;color:#f5fafc}
html[data-theme=dark] .skip-link{color:#172333}
html[data-theme=dark] .approach-section,html[data-theme=dark] .care-highlight{background:#102f3a;color:var(--ink)}
html[data-theme=dark] .approach-layout .section-label,html[data-theme=dark] .care-highlight .section-label{color:var(--acid)}
html[data-theme=dark] .closing{background:#173d41;border-color:#31706e}
html[data-theme=dark] .sales-visitor{background:#20394a}
html[data-theme=dark] .sales-message{border-color:var(--line)}
html[data-theme=dark] .sales-new{color:var(--pine)}
html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .estimator select,html[data-theme=dark] .language-switch select{background:var(--surface-raised);border-color:#486077;color:var(--ink)}
html[data-theme=dark] .language-switch option{background:var(--surface-raised);color:var(--ink)}
html[data-theme=dark] .brief-choice{border-color:#486077}
html[data-theme=dark] .brief-choice[aria-pressed=true]{background:#223e4a;border-color:var(--pine)}
html[data-theme=dark] .choice-radio{border-color:#8aa3b5}
html[data-theme=dark] .brief-progress span{background:var(--line)}
html[data-theme=dark] .brief-progress .done{background:var(--pine)}
html[data-theme=dark] .brief-success-icon,html[data-theme=dark] .care-highlight .button{color:#172333}
html[data-theme=dark] .close-dialog,html[data-theme=dark] .menu-toggle{background:#eaf3f808;border-color:var(--line)}
html[data-theme=dark] .faq-list details,html[data-theme=dark] .capability-list details,html[data-theme=dark] .price,html[data-theme=dark] .maintenance-check,html[data-theme=dark] .principles>span+span{border-color:var(--line)}
html[data-theme=dark] .faq-list summary:after,html[data-theme=dark] .capability-list summary:after,html[data-theme=dark] .offer li:before,html[data-theme=dark] .seo-detail li:before{color:#d59cff}
html[data-theme=dark] .work-visit{background:var(--surface-raised);color:var(--ink)}
html[data-theme=dark] .toast{background:#184b50;color:#fff}
html[data-theme=dark] .wire-particle{color:#45e1d2}
html[data-theme=dark] .wire-particle:nth-child(even){color:#c270ff}
html[data-theme=dark] .field input:user-invalid,html[data-theme=dark] .field textarea:user-invalid{border-color:#f18f82;box-shadow:0 0 0 3px #f18f8220}
@media(max-width:1000px) and (min-width:651px){.nav-wrap>.nav-actions{gap:7px}.nav-actions>.theme-toggle{min-width:40px;min-height:44px;padding:8px}.nav-actions .button-small{padding-inline:10px;gap:10px}}
@media(max-width:650px){.nav-actions>.theme-toggle{display:none}.mobile-menu>.theme-toggle-mobile{display:flex;justify-content:center;border:1px solid var(--line);padding:12px}}
@media(prefers-reduced-transparency:reduce){html[data-theme=dark] .header,html[data-theme=dark] .mobile-project-bar,html[data-theme=dark] .dialog-header{background:var(--paper)}}
@media(prefers-contrast:more){html[data-theme=dark]{--muted:#d5e4ed;--line:#698095}}
@media print{.theme-toggle{display:none!important}html[data-theme=dark]{color-scheme:light;--paper:#fff;--ink:#172333;--muted:#526575;--line:#d4e4e9;--surface:#fff;--surface-raised:#fff;--pine:#08666d}html[data-theme=dark] .offer-featured,html[data-theme=dark] .sales-panel,html[data-theme=dark] .estimator-section,html[data-theme=dark] .showcase,html[data-theme=dark] .brand-display,html[data-theme=dark] .naming-note{background:#fff}}

@media print{html[data-theme=dark] img[src*="studio-logo-light.svg"]{filter:brightness(0)}}