:root{color-scheme:light}
.stock.out,.lookup-option .unavailable{color:#c53030}
html[data-theme=dark] .stock.out,html[data-theme=dark] .lookup-option .unavailable{color:#ff8585}
html[data-theme=dark] .lookup-option{background:var(--raised)!important}
html[data-theme=dark] .lookup-option:hover,html[data-theme=dark] .lookup-option[aria-selected=true]{background:#3b4356!important}
html[data-theme=dark] .available{color:#80d4aa}
html[data-theme=dark] .cart-remove{background:var(--raised);color:#c1c5ce}
.theme-switch{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;white-space:nowrap}
.theme-switch select{width:auto;max-width:125px;margin:0;padding:5px 8px;font-size:12px;background:transparent;border-color:var(--line);color:inherit}
.topline .wrap{height:auto;min-height:36px;gap:12px;padding-block:5px}
html[data-theme=dark]{color-scheme:dark;--ink:#ededee;--muted:#adb0b7;--line:#3b3d42;--soft:#292b30;--blue:#4774f5;--surface:#27292d;--raised:#303238}
html[data-theme=dark] body{background:#202124;color:var(--ink)}
html[data-theme=dark] :is(header,footer,.topline,.panel,.product-card,.auth-dialog,.lookup-results,.search-results){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(input,select,textarea,.search,.search button,.currency select,.auth-tabs,.auth-close,.spec-panel,.filter-help,.category-tile,.section-tabs a,.lookup-option,.search-result,.auth-emblem){background:var(--raised);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .search input{background:transparent}
html[data-theme=dark] :is(.hero,.hero-visual){background:#2b2d32}
html[data-theme=dark] .hero-model{color:#888c96}
html[data-theme=dark] :is(.card-image,.product-photo){background:#34363b}
html[data-theme=dark] :is(.card-image img,.product-photo img,.category-tile img,.hero-visual>img){mix-blend-mode:normal}
html[data-theme=dark] :is(.hero-copy>p,.hero .eyebrow,.hero-product>div>span,.hero-spec span,.product-intro,.prose,.delivery-info,.summary-item>span,.choice small,.card-specs,.card-brand,.benefits small,.footer-grid p,.footer-grid>div>a:not(.brand),.footer-bottom,.breadcrumb,.auth-intro,.auth-hint,.auth-guest,.auth-remember span>small,.lookup-empty,.lookup-status,.order-product small,[data-company-status],[data-cart-status]){color:#b5b8c0}
html[data-theme=dark] :is(.hero-spec,.hero-foot i,.order-product,dt,dd){border-color:var(--line)}
html[data-theme=dark] :is(.secondary,.add-button,.step,.flash,.order-status,.catalog-title h1>span){background:#303d60;color:#c2d1ff;border-color:#47577d}
html[data-theme=dark] :is(.secondary:hover,.lookup-option:hover,.lookup-option[aria-selected=true],.search-result:hover,.auth-tabs [aria-selected=true],.choice:has(input:checked)){background:#3b4356;color:#e1e8ff}
html[data-theme=dark] :is(.stock,.status-completed){color:#80d4aa}
html[data-theme=dark] .status-completed{background:#263f34}
html[data-theme=dark] :is(.auth-error,.status-cancelled){background:#482e33;color:#ffb5be;border-color:#70434b}
html[data-theme=dark] .incoming-stock{background:#453d2a;color:#f0d28d}
html[data-theme=dark] .compare-button button{background:#404249;color:#e0e2e8}
html[data-theme=dark] .compare-button .is-selected{background:var(--blue);color:white}
html[data-theme=dark] .tool>span{border-color:var(--surface)}
html[data-theme=dark] .section-tabs a.active{background:var(--blue);color:white}
html[data-theme=dark] ::placeholder{color:#a9adb6;opacity:1}
html[data-theme=dark] a:hover{color:#a9bfff}
html[data-theme=dark] .button:hover{color:white}
@media(max-width:700px){.topline .wrap{flex-wrap:wrap;justify-content:space-between}.topline .wrap>div{gap:12px}.theme-switch{margin-left:auto}.theme-switch select{font-size:12px}.topline .wrap>.theme-switch{display:flex}}
/* Transparent assets retain their original color in both themes. */
:is(.hero-visual>img,.category-tile img,.card-image img,.product-photo img,.cart-item img,.order-product img,.lookup-option img){mix-blend-mode:normal!important;filter:none!important}
html[data-theme=dark] :is(.hero-visual>img,.category-tile img,.cart-item img,.order-product img,.lookup-option img){background:transparent}
html[data-theme=dark] .hero-visual>img{transform:rotate(-9deg) scale(1.06);margin-top:-27px;padding:0;border-radius:0;box-shadow:none}
html[data-theme=dark] .category-tile img{transform:rotate(-12deg);padding:0;border-radius:0}