/* Theme palette: light is intentionally plain white with restrained green accents. */
:root{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light;--black:#fff;--surface:#fff;--surface-2:#f4f6f4;--line:#dce2dc;--text:#202520;--muted:#5d685f;--green:#246b32;--green-dim:#215d2c;--error:#b42318}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:24px/1 Arial,sans-serif;cursor:pointer}
.theme-toggle:hover{border-color:var(--green)}
.seller-page~.theme-toggle,.site-header>.theme-toggle{margin-inline-start:auto}
@media(max-width:480px){.site-header .brand-logo{width:clamp(106px,30vw,140px)}.theme-toggle{width:36px;height:38px}.site-header .header-actions{gap:5px}}

/* Explicit surface overrides cover legacy hard-coded dark colors. */
html[data-theme="light"] :is(.site-header,.site-header .desktop-nav.mobile-open){background:#fff;border-color:var(--line);backdrop-filter:none}
html[data-theme="light"] :is(.desktop-nav a,.site-header .icon-link,.site-header .menu-button,.language-toggle,.site-header .cart-label){color:var(--text)}
html[data-theme="light"] :is(.language-toggle,.site-header .icon-link,.site-header .menu-button){background:#fff;border-color:var(--line);box-shadow:none}
/* The light variant preserves the original geometry and lime accent on white. */
html[data-theme="light"] .site-header .brand-logo{filter:url(#ev-logo-daylight)}

html[data-theme="light"] :is(.auth-page,.vehicle-configurator,.parts-showcase,.premium-garage,.marketing-band,.landing-cta,.landing-stats,.entry-strip,.configurator-visual,.hero-stats){background:#fff;background-image:none;color:var(--text)}
html[data-theme="light"] :is(.auth-card,.search-console,.filters,.config-pane,.category-card,.subcategory-card,.system-card,.vehicle-card,.garage-card,.part-showcase-card,.order-summary,.form-submit,.payment-console,.payment-assurance,.confirmation,.account-address,.sales-overview,.seller-card,.vin-results,.account-detail-grid section,.account-order-lines article,.order-payment-summary){background:#fff;background-image:none;border-color:var(--line);color:var(--text);box-shadow:none}
html[data-theme="light"] :is(input,select,textarea,.config-pane select,.config-pane input,.account-form input,.saved-address-choice select,.sales-filters select,.catalog-market select){background:#fff;color:var(--text);border-color:#b7c2b9;color-scheme:light;box-shadow:none}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#66716a;opacity:1}
html[data-theme="light"] :is(label,.checkout-form label,.auth-card label,.search-console>label:first-child,.config-pane label>span,.filters label){color:#46534a}
html[data-theme="light"] :is(.btn-primary,.btn-add,.config-submit,.cart-count,.confirmation>span){background:#246b32;color:#fff;border-color:#246b32;box-shadow:none}
html[data-theme="light"] :is(.btn-primary,.btn-add,.config-submit):hover{background:#1c5428;color:#fff}
html[data-theme="light"] :is(.btn-ghost,.btn-muted,.btn-quote,.rail-toggle,.diagram-tools button,.account-page .btn-ghost,.account-order-detail .btn-ghost,.payment-status-page .btn-ghost,.vin-results .btn-ghost,.part-row .btn.btn-ghost){background:#fff;color:var(--text);border-color:#bdc9bf;box-shadow:none}
html[data-theme="light"] :is(.btn,.category-card,.subcategory-card,.system-card,.vehicle-card,.garage-card)::before,
html[data-theme="light"] :is(.btn,.category-card,.subcategory-card,.system-card,.vehicle-card,.garage-card)::after{display:none}
html[data-theme="light"] :is(.catalog-list a,.list-stack a,.search-results>a,.search-results>article,.vehicle-card,.category-card,.garage-card,.part-showcase-card):hover{background:#f5f8f5;border-color:#a8bbaa;box-shadow:none}
html[data-theme="light"] :is(.cart-items p,.cart-items code,.site-footer p,.site-footer span,.site-footer a:not(.wordmark),.part-showcase-card>span,.part-showcase-card code,.auth-card>a,.order-summary>small,.configurator-visual small,.configurator-visual>div,.landing-stats span,.hero-stats span,.garage-overlay p,.garage-overlay h3,.catalog-context,.breadcrumbs span,.scope-toggle){color:var(--muted)}
html[data-theme="light"] :is(.garage-overlay h3,.landing-stats strong,.part-showcase-card strong){color:var(--text)}
html[data-theme="light"] :is(.part-showcase-card>div,.quantity-line,.diagram-panel,.diagram-stage,.detail-visual,.detail-visual img){background:#f7f9f7;border-color:var(--line)}
html[data-theme="light"] :is(.garage-card.has-image picture:after,.garage-card:after,.configurator-visual:after,.configurator-visual>div:after){background:none}
/* Keep the caption below the photograph so light surfaces never obscure the car. */
html[data-theme="light"] .garage-card.has-image{display:flex;flex-direction:column;min-height:0;padding:0}
html[data-theme="light"] .garage-card.has-image picture{position:relative;inset:auto;display:block;flex:none;width:100%;aspect-ratio:16/9;overflow:hidden;background:#090b09}
html[data-theme="light"] .garage-card.has-image img{display:block;border-radius:0}
html[data-theme="light"] .garage-card.has-image .garage-overlay{position:relative;inset:auto;flex:1;width:100%;padding:16px 20px 18px;background:#fff;transform:none;text-align:start}
html[data-theme="light"] .garage-card.has-image .garage-overlay h3{color:var(--text)!important;-webkit-text-fill-color:var(--text);line-height:1.2}
html[data-theme="light"] .garage-card.has-image .garage-overlay p{max-width:none;color:var(--muted)}
html[data-theme="light"] .parts-rail:before{background:linear-gradient(90deg,#fff,transparent)}
html[data-theme="light"] .parts-rail:after{background:linear-gradient(270deg,#fff,transparent)}
html[data-theme="light"] .config-tabs button{color:var(--muted);background:#fff}
html[data-theme="light"] .config-tabs button.active{color:var(--green);background:#edf4ed;border-color:var(--green)}
html[data-theme="light"] :is(.config-pane select:disabled,.config-pane input:read-only){background:#f1f4f1;color:#66716a}
html[data-theme="light"] .config-submit:disabled{background:#e6ebe6;color:#697469;border-color:var(--line)}
html[data-theme="light"] :is(.social-card,.site-footer .social-card){background:#fff;color:var(--text);border-color:var(--line);box-shadow:none}
html[data-theme="light"] :is(.site-footer .social-brand-icon,.site-footer .social-brand-name){color:var(--text)}
html[data-theme="light"] :is(.skeleton,.loading-grid .skeleton){background:linear-gradient(90deg,#edf1ed,#f8faf8,#edf1ed);background-size:200% 100%}
html[data-theme="light"] .breadcrumbs{scrollbar-color:#a7b5a9 #f1f4f1}
html[data-theme="light"] .order-summary .warning{color:#865400}
html[data-theme="light"] :is(.part-showcase-card i,.config-pane output,.configurator-visual>i){color:#246b32;opacity:1}
html[data-theme="light"] :is(.vehicle-configurator,.configurator-shell,.configurator-panel,.config-pane){box-shadow:none}
html[data-theme="light"] .configurator-main{background:#fff;box-shadow:none}
html[data-theme="light"] .configurator-visual>div{background:#fff;color:var(--text)}
html[data-theme="light"] .configurator-visual strong{color:var(--text)}
html[data-theme="light"] :is(.theme-toggle,.language-toggle,.site-header .icon-link,.site-header .menu-button)::before,
html[data-theme="light"] :is(.theme-toggle,.language-toggle,.site-header .icon-link,.site-header .menu-button)::after{display:none}
/* The photographic hero retains a readable dark overlay, while the page stays white. */
html[data-theme="light"] .hero{color:#fff;background:#151a16}
html[data-theme="light"] .hero :is(h1,p,.hero-kicker,.eyebrow){color:#fff}
html[data-theme="light"] .hero .btn-ghost{background:rgba(0,0,0,.4);color:#fff;border-color:#b5c0b5}
html[data-theme="light"] .hero :is(.hero-kicker span,h1 em){color:#b6f86d}
@media print{.theme-toggle{display:none!important}html[data-theme="light"] .account-order-detail section{background:#fff!important}}
/* Soft corners throughout the storefront, with a restrained green accent. */
:root{--radius-card:14px;--radius-control:9px}
html body :is(.btn,.btn-add,.btn-quote,.config-submit,.rail-toggle,.theme-toggle,.language-toggle,.menu-button,.icon-link){border-radius:var(--radius-control)}
html body :is(input,select,textarea,.config-pane input,.config-pane select,.search-console input,.checkout-form input,.checkout-form textarea,.auth-card input,.account-form input,.account-form select,.recovery-card input,.saved-address-choice select){border-radius:var(--radius-control)}
html body :is(.auth-card,.search-console,.filters,.category-card,.subcategory-card,.system-card,.vehicle-card,.garage-card,.part-showcase-card,.order-summary,.form-submit,.payment-console,.payment-assurance,.confirmation,.account-address,.sales-overview,.seller-card,.account-detail-grid section,.account-order-lines article,.order-payment-summary,.account-order,.cart-items article,.configurator-main,.configurator-visual,.detail-visual,.diagram-panel,.parts-panel,.account-grid,.configurator-shell){border-radius:var(--radius-card)}
html body :is(.garage-card,.part-showcase-card,.system-card,.configurator-visual,.detail-visual,.diagram-panel){overflow:hidden}
html body :is(.garage-card img,.system-card img,.part-showcase-card img,.detail-visual img){border-radius:10px}
html body :is(.config-tabs button,.mode-tabs a,.qty-control){border-radius:8px}
html body :is(.diagram-tools button,.qty-control button){border-radius:7px}
html[data-theme="light"]{--surface-2:#f1f7f2;--line:#d8e5da}
html[data-theme="light"] :is(.order-summary,.order-payment-summary,.form-submit){background:#f6faf6;border-color:#d2e4d5}
html[data-theme="light"] :is(.category-card,.vehicle-card,.system-card,.garage-card,.part-showcase-card,.account-address):hover{background:#f2f8f3;border-color:#8fb79a}
html[data-theme="light"] :is(.search-console,.configurator-main){border-color:#c7ddcb}
html[data-theme="light"] .payment-total{border-color:#c8dfcd}
html[data-theme="light"] :is(.order-status,.eyebrow,.part-showcase-card i){color:#246b32}
html[data-theme="light"] :is(input,textarea,select):focus{border-color:#568d62;outline-color:#246b32;box-shadow:0 0 0 3px rgba(36,107,50,.08)}
html[data-theme="light"] :is(.theme-toggle,.language-toggle,.site-header .icon-link,.site-header .menu-button):hover{background:#eff7f0;border-color:#a0c2a8}
@media print{.account-order-detail :is(article,section){border-radius:0!important}.skip-link{display:none!important}}

@media(max-width:480px){
 .site-header{gap:8px;padding-inline:12px}
 .site-header .brand-logo-link{min-width:0;flex:0 1 116px}
 .site-header .brand-logo{width:116px;max-width:100%;height:auto}
 .site-header .header-actions{gap:4px;flex:0 0 auto;margin-inline-start:auto}
 .site-header :is(.theme-toggle,.language-toggle,.icon-link,.menu-button){width:36px;min-width:36px;height:42px;padding-inline:5px}
}
@media(max-width:350px){.site-header .brand-logo{width:88px}.site-header .brand-logo-link{flex-basis:88px}.site-header .header-actions{gap:3px}}