/* donnr — black & white design layer.
   Loaded after store.css and the brand colours (see rs_head in _chrome.php), so it only overrides tokens and a
   handful of shapes. Default theme is light (white page, black type) so black leather photographs with contrast;
   the dark theme stays available from the nav toggle and is neutral black/white too. */

:root{
  --accent:#000;--accent-hover:#2b2b2b;--accent-deep:#000;--accent-tint:#f2f2f2;--accent-ink:#000;
  --bar-bg:rgba(255,255,255,.88);--sheet-bg:#fff;
  --ink:#0a0a0a;--ink-soft:rgba(0,0,0,.8);--ink-big:#0a0a0a;--ink-dim:#6e6e73;
  --hairline:#e4e4e4;--frame:#e4e4e4;--focus:rgba(0,0,0,.55);
  --curtain:rgba(255,255,255,.55);
}
html[data-theme="dark"]{
  --accent:#f5f5f5;--accent-hover:#fff;--accent-deep:#cfcfcf;--accent-tint:#1a1a1a;--accent-ink:#fff;
  --bar-bg:rgba(0,0,0,.8);--sheet-bg:#000;
  --ink:#f5f5f5;--ink-big:#f5f5f5;--ink-dim:#8e8e93;--hairline:#2a2a2a;--frame:#2a2a2a;--focus:rgba(255,255,255,.7);
  --curtain:rgba(0,0,0,.6);
  --d-bg:#000;--d-surface:#0a0a0a;--d-surface-2:#111;--d-edge:#222;--d-text:#f5f5f5;--d-text-2:#a0a0a5;
  --d-link:#fff;--d-tag:#bdbdbd;--d-tint:#161616;
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Navigation: small, tracked, quiet. */
@media (min-width:834px){
  .gn-link{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
  .gn-actions{gap:24px}
}
.gn-bagcount,.gn-acctdot{background:var(--ink)}
html[data-theme="dark"] .gn-bagcount{color:#000}
html[data-theme="dark"] .gn-acctdot{background:#fff}

/* Buttons: square, uppercase, black on white (white on black in the dark theme). */
.pd-buy,.gn-bagbtn,.bg-actions .pd-buy{
  border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;padding:17px 34px;
}
.gn-bagbtn{padding:14px 0}
html[data-theme="dark"] .pd-buy,html[data-theme="dark"] .gn-bagbtn,html[data-theme="dark"] .rs-skip{color:#000}
.rs-skip{border-radius:0}

/* Hero: pure type on white, no gradient. */
.hero{background:#fff;border-bottom:1px solid var(--hairline);min-height:78vh}
.hero h1{font-weight:600;letter-spacing:-.03em;line-height:1.02;max-width:12em}
.hero p{letter-spacing:.01em;max-width:30em}
html[data-theme="dark"] .hero{background:#000;border-bottom-color:#1c1c1c}

/* Headings and surfaces. */
.ct-head h1,.c2-head h1,.pd h1,.bg h1,.ip h1{font-weight:600;letter-spacing:-.025em}
.ct-h2,.ct-usp-item h3{font-weight:600;letter-spacing:-.015em}
.ct-band{background:#f6f6f6}
.ct-card,.c2-card,.ar-card,.ar-lead{border-radius:0}
.ct-card:hover{transform:none}
.pd-art{border-radius:0;background:#f4f4f4}
.pd-art.has-img{background:#f4f4f4}
.pd-art span,.ct-art span,.c2-art span,.bg-art,.gn-bagart{background:#ececec}
.ct-art svg,.c2-art svg,.pd-art svg,.bg-art svg,.gn-bagart svg,.ct-usp-item svg{stroke:#000}
html[data-theme="dark"] .ct-art svg,html[data-theme="dark"] .c2-art svg,html[data-theme="dark"] .pd-art svg,
html[data-theme="dark"] .bg-art svg,html[data-theme="dark"] .gn-bagart svg,html[data-theme="dark"] .ct-usp-item svg{stroke:#fff}
html[data-theme="dark"] .pd-art,html[data-theme="dark"] .pd-art.has-img{background:#0a0a0a}
html[data-theme="dark"] .ct-band{background:#0a0a0a}
html[data-theme="dark"] .pd-art span,html[data-theme="dark"] .ct-art span,html[data-theme="dark"] .c2-art span{background:#161616}

/* Product page: price, size select, spec list. */
.pd-price{font-size:19px;letter-spacing:.01em}
.pd-opt label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600}
.pd-opt select,.pd-opt input,.bg-qty,.bg-email,
.cf-field input,.cf-field select,.cf-field textarea,.ac-field input{border-radius:0;border-color:#cfcfcf}
.pd-opt select:focus,.pd-opt input:focus,.bg-email:focus,.cf-field input:focus,.cf-field textarea:focus{border-color:#000}
html[data-theme="dark"] .pd-opt select,html[data-theme="dark"] .pd-opt input,html[data-theme="dark"] .bg-qty,
html[data-theme="dark"] .bg-email{border-color:#3a3a3a}
html[data-theme="dark"] .pd-opt select:focus,html[data-theme="dark"] .bg-email:focus{border-color:#fff}
.pd-desc a,.pd-desc a:visited{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pd-subnote{border-radius:0;background:#f4f4f4}

/* Chips, filters and the in-page pill bar. */
.c2-chip,.ct-chip,.rs-fsummary,.gn-chip,.rs-pill,.rs-pill.rs-pill,html .ip-toc a{border-radius:0}
.c2-chip.on,.ct-chip.on{background:#000;border-color:#000;color:#fff}
html[data-theme="dark"] .c2-chip.on,html[data-theme="dark"] .ct-chip.on{background:#fff;border-color:#fff;color:#000}
.cf-form,.cf-ok,.ac-card,.ac-block,.ac-table,.ac-empty,.ac-sub{border-radius:0}

/* Links on content pages read as plain black. */
.ip a,.ct-usp-item a,footer.rs-foot a{color:var(--ink)}
.ip a,.ct-usp-item a{text-decoration:underline;text-underline-offset:3px}
footer.rs-foot a{text-decoration:none}
footer.rs-foot a:hover{text-decoration:underline}
footer.rs-foot{letter-spacing:.04em}
html[data-theme="dark"] .ip a,html[data-theme="dark"] .ct-usp-item a,html[data-theme="dark"] footer.rs-foot a{color:#fff}

/* Flash messages stay readable but lose the colour. */
.bg-msg,.bg-msg.ok{border-radius:0;background:#f4f4f4;color:#0a0a0a}
html[data-theme="dark"] .bg-msg,html[data-theme="dark"] .bg-msg.ok{background:#161616;color:#f5f5f5}