/* Color-only mockup: calmer soft-blue system. */
:root{
  --paper:#f6f3ec;
  --ink:#1d3557;
  --accent:#457b9d;
  --accent-hover:#1d3557;
  --soft:#e4edf4;
  --rule:#c3ccd3;
  --muted:#5c6a78;
  --white:#fcfbf8;
}

.preview-note,
footer,
.primary,
.btn-cta,
.product-tabs button.selected,
.tab-btn.active,
.bk-row.total{
  background:#1d3557;
  border-color:#1d3557;
  color:#fff;
}

.primary:hover,
.btn-cta:hover,
.product-tabs button.selected:hover,
.tab-btn.active:hover{
  background:#457b9d;
  border-color:#457b9d;
}

.footer-logo{
  display:flex;
  align-items:center;
  width:min(330px,34vw);
  line-height:0;
}

.footer-logo img{
  display:block;
  width:100%;
  height:auto;
  opacity:.96;
}

@media(max-width:700px){
  .footer-logo{width:min(250px,72vw)}
}