/* Shared white-mode surfaces. Product swatches, artwork, status colors, and
   red/black brand accents deliberately retain their original colors. */
:root {
  color-scheme: only light;
  --paper: #fff;
  --ink: #242424;
  background: #fff;
  color: #242424;
}
body {
  background: #fff;
  color: #242424;
}
/* Keep the actual logos; remove only decorative background watermarks. */
body::before { display: none; }
.card { background-image: none; }
/* These are content headers, not color samples or brand artwork. */
.sales-banner {
  background: #f7f7f7;
  color: #242424;
  border-bottom: 1px solid #dedede;
}
.sales-banner a { color: #a31624; }
#trim-pad-preview .pad-head {
  background: #fff;
  color: #242424;
  border-bottom: 1px solid #dedede;
}
dialog {
  color-scheme: only light;
  background-color: #fff;
  color: #242424;
}
/* Retain visible keyboard focus without recoloring swatches or diagrams. */
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #a31624;
  outline-offset: 3px;
}