/* Approved Ventro sapphire palette, shared by public site and visual editor. */
:root {
  --review-blue: #234d86;
  --review-hover: #315f9c;
  --review-active: #193b6b;
  --review-heading: #161b21;
  --green: var(--review-blue);
}
main h1,
main h2,
main h3,
.product-dialog h2,
.contact-dialog h2,
.cart-panel h2,
.catalog-menu-header h2 {
  color: var(--review-heading);
}
.product-item {
  background: #fff;
}
.category,
.quality {
  background: var(--review-blue);
  color: #fff;
}
.category h2,
.category h3,
.category-grid a,
.quality h2,
.quality h3 {
  color: #fff;
}
.category .section-no,
.quality .section-no,
.quality .eyebrow,
.quality-list span {
  color: #e3edf5;
}
.category-grid a,
.category-grid a:nth-child(even),
.quality-list div {
  border-color: #ffffff38;
}
@media (hover: hover) and (pointer: fine) {
  :is(.actions .btn, .form-actions .btn, .product-actions button:not(.inquiry-add)):not(:disabled):hover {
    background-color: var(--review-hover);
  }
}
:is(.actions .btn, .form-actions .btn, .product-actions button:not(.inquiry-add)):not(:disabled):active {
  background-color: var(--review-active);
}

/* Keep the approved placeholder surface even when a saved draft has old colors. */
.product-visual {
  --visual-a: #f6f7f5;
  --visual-b: #e5e9e8;
}
.dialog-visual {
  background: linear-gradient(150deg, #f6f7f5, #e5e9e8) !important;
}