:root {
  --green: #fcc006;
  --bright: #fcc006;
  --lime: #ffe28a;
}

.brand {
  gap: 0;
}

.brand img {
  display: block;
  width: 148px;
  height: 42px;
  object-fit: contain;
}

.brand-dot, .sidebar h1 em, .eyebrow > span, .shopping-note > span:first-child, .shopping-note button, footer i {
  color: #fcc006;
}

.top-center {
  color: #37373a;
}

.status-dot, .save-state i, .live-tag i, .live-pulse {
  background: #fcc006;
}

.live-pulse {
  box-shadow: 0 0 0 3px #fcc00633;
}

.preset-card:hover {
  border-color: #fcc006;
}

.preset-card.active {
  background: #fff9e6;
  border-color: #fcc006;
  box-shadow: inset 0 0 0 1px #fcc006;
}

.preset-icon i, .icon-free:before, .icon-free:after, .icon-wall:before, .icon-corner:before, .icon-wall:after {
  background-color: #fcc006;
}

.preset-icon {
  border-bottom-color: #fcc006;
}

.range::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #fcc006 0%, #fcc006 var(--fill,50%), #e6eae2 var(--fill,50%), #e6eae2 100%);
}

.range::-moz-range-progress {
  background: #fcc006;
}

.range::-webkit-slider-thumb {
  border-color: #fcc006;
}

.range::-moz-range-thumb {
  border-color: #fcc006;
}

.number-wrap:focus-within, .select-wrap select:focus {
  border-color: #fcc006;
}

.number-wrap:focus-within {
  box-shadow: 0 0 0 2px #fcc00633;
}

.whatsapp-button, .dialog-ok {
  background: #fcc006;
  border-color: #fcc006;
  color: #172019;
}

.whatsapp-button:hover, .dialog-ok:hover {
  background: #e5ad00;
  border-color: #e5ad00;
}

.live-tag {
  background: #fff5d3;
  color: #69520a;
}

.quick-views button:hover, .quick-views button.selected {
  background: #fff0bd;
  color: #5f4a00;
}

.icon-button:hover {
  border-color: #fcc006;
  color: #5f4a00;
}

.switch[aria-checked="true"] {
  --switch-track: #fcc006;
  background: transparent;
}

.viewer-wash {
  background: none;
}

@media (max-width: 760px) {
  .brand img {
    width: 132px;
    height: 38px;
  }
}