/* Du-All Noir — approved color & type layer (Jose, 2026-10-29). Loaded after style.css; Jost via ivps-fonts. */
:root{--ink:#131313;--text:#333333;--muted:#6B6B6B;--line:#DEDAD3;--soft:#F4F1EC;--paper:#F4F1EC;--red:#A8141E;--accent:#A8141E;--btn:#131313;--btnt:#FFFFFF;--hf:'Jost',sans-serif;--bf:'Jost',sans-serif;--ph:#E9E5DD;--pht:#9C968C}
body,body.ivps{background:#FFFFFF;color:var(--text);font-family:var(--bf)}
/* headings */
.serif,h1,h2,h3.s,.ivps h1,.ivps h2,.ivps h3,.logo b,.seal b,.coll h3,.card h3,.pr,.sample b,.kitbox h3,.gal figcaption b,.ben b,.prohead h3,.pt .pn b,.dl3 a b,.pdp .pr .price,.pdp .pr bdi,.ivps-atc .woocommerce-variation-price .price,.dealer-card h3{font-family:var(--hf);font-weight:300;letter-spacing:-.01em;color:var(--ink)}
.hero h1 i,.du h2 i,.sh h2 i,.kit h2 i,.trade h2 i,.ivps-quote h2 i{font-style:normal}
.coll .n,.ben .n,.pdp .tag,.card .im .ph,.pdp .im .ph,.grid.cat .empty{font-family:var(--hf)}
.coll .n,.ben .n{color:var(--accent)}
/* text greys that were hardcoded */
.hero p,.du p,.chead p,.kit p,.trade p,.tech p,.acc .desc,.acc details p,.cdesc p,.pt .ds,.pdp .tag{color:var(--text)}
/* surfaces that were hardcoded white */
.hD,.cert,.cert .lab{background:#FFFFFF}
.mii{background:#FFFFFF;color:var(--ink)}
.card .im,.pdp .im .ph{background:var(--ph)}.card .im .ph,.pdp .im .ph{color:var(--pht)}
.ivps-form input,.ivps-form select,.ivps-form textarea,.ivps-atc table.variations select,.szpills button,.qty button{background:#FFFFFF;color:#131313}
.ivps-form input[readonly]{background:var(--paper)}
.ivps-docbtn a,.dealer-card,.sample,.kitbox{background:var(--paper)}
.ivps-docbtn .ic,.ivps-form label i,.dealer-card .dtag{color:var(--accent)}.ivps-docbtn .ic{background:var(--accent);color:#fff}
/* buttons */
.btn,.ivps-atc button.single_add_to_cart_button,.ivps-atc .button,.dealer-card .dbtns a.p{background:var(--btn)!important;border-color:var(--btn)!important;color:var(--btnt)!important}
.btn.o,.btn.p.o,.btn.p.o2,.dealer-card .dbtns a{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
.pills a.on,.vt button.on,.szpills button.on,.szp input:checked+label{background:var(--btn);border-color:var(--btn);color:var(--btnt)}
.link,.ivps-q{color:var(--ink);border-color:var(--accent)}
.eyebrow.r,.cert .lab{color:var(--accent)}.rule{background:var(--accent)}
.mq span:before,.mii:before,.assure span:before{background:var(--accent)}
/* dark bands: top bar, header nav strip, hero text panel, Du-All block, trade, footer */
.ivps-topbar{background:#1E1E1E;color:#F4F1EC}
.ivps-topbar span,.ivps-topbar a{border-color:rgba(255,255,255,.22)}
.hD{background:#131313;border-bottom-color:#34322F;--ink:#F4F1EC;--muted:#A9A49B;--line:#34322F}
.hD .hsearch{color:#A9A49B;background:rgba(255,255,255,.06)}.hD .hsearch:before{border-color:#A9A49B}
.hD .hsearch input[type=search]{color:#F4F1EC}.hD .hsearch input::placeholder{color:#A9A49B}
.hD nav a.on,.hD nav a:hover{border-color:#C9A66B}
.hD .logo.la .lt{border-left-color:#34322F}
.hero{background:#131313;border-bottom-color:#34322F}
.hero .t{--ink:#F4F1EC;--muted:#A9A49B;--line:#34322F;--btn:#F4F1EC;--btnt:#131313;--accent:#C9A66B;--red:#C9A66B}
.hero .t p{color:#A9A49B}
.hero .t .eyebrow.r{color:#C9A66B}
.seals{background:var(--paper)}
.secb{border-top-color:var(--line)}
.du{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.trade{background:#131313;border-color:#131313;--ink:#F4F1EC;--muted:#A9A49B;--line:#34322F;--btn:#F4F1EC;--btnt:#131313;--accent:#C9A66B;--red:#C9A66B}
.trade p{color:#A9A49B}
.ivps-foot{background:#131313;border-top:0;color:#A9A49B;--ink:#F4F1EC;--muted:#A9A49B;--line:#34322F;--accent:#C9A66B;--red:#C9A66B}
.ivps-foot a{color:#F4F1EC}.ivps-foot .copy{border-top-color:#34322F}
.ivps-foot .logo.la .lt{border-left-color:#34322F}
/* product page */
.pdp .info{--line:#DEDAD3}
.tech{border-top-color:var(--line)}
.ivps-quote{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);border-top:0}
.ivps-quote.inpage{background:transparent;box-shadow:none;clip-path:none}
.ivps-hazmat{color:#3b2a1a}
/* mobile menu keeps dark header */
@media(max-width:900px){.hD.open nav a{border-bottom-color:#34322F}}