/* BRAND-COLOR-01, approved A palette. Logo sources and colour values live here. */
:root {
  --brand-primary: #16161a;
  --brand-action: #16161a;
  --brand-action-hover: #29292f;
  --brand-small-accent: #c9362c;
  --brand-accent: var(--brand-small-accent);
  --brand-coral: #ff5a4e;
  --brand-coral-on-dark: #ff7a70;
  --brand-white: #ffffff;
  --brand-tint: #f3f3f3;
  --brand-hero: #f5f5f5;
  --brand-soft: #f6f6f6;
  --brand-text: #3d3d3d;
  --brand-muted: #595959;
  --brand-line: #dedede;
  --brand-footer-text: #d6d6d6;
  --brand-shadow: 0 12px 30px #0000000a;
  --brand-logo: url("/static/img/sellvaim-ko.svg");
  --brand-logo-dark: url("/static/img/sellvaim-ko-dark.svg");
}

/* Colour-only overrides keep the parallel home-photo templates/styles intact. */
.rv-eyebrow { color: var(--brand-primary); }
.rv-category-icon,
.rv-categories > a:nth-child(3n+2) .rv-category-icon {
  color: var(--brand-white); background: var(--brand-primary);
}
.rv-collection,
.rv-collection:nth-child(2), .rv-collection:nth-child(3), .rv-collection:nth-child(4),
.theme-mint, .deal-group:nth-child(4n + 3) .deal-group-banner {
  background: var(--brand-tint);
}
.storefront-page :is(.coral-button, .buy-button, .onboarding-button),
.secondary-button, .buy-button, .filter-submit, .pagination a, .coral-button,
.auth-submit { background: var(--brand-action); }
.storefront-page :is(.coral-button, .buy-button, .onboarding-button):hover,
.secondary-button:hover, .buy-button:hover, .filter-submit:hover, .pagination a:hover,
.coral-button:hover, .auth-submit:hover { background: var(--brand-action-hover); }
.storefront-page a:hover, .buyer-page a:hover {
  color: var(--brand-action-hover); text-decoration: underline;
}
.storefront-page .site-footer a:hover { color: var(--brand-coral-on-dark); }
.today-badge, .listing-badge, .product-page [data-dispatch-info] strong {
  color: var(--brand-white); background: var(--brand-small-accent);
}
.product-page .gallery-thumbnails button[aria-current="true"] {
  border-color: var(--brand-small-accent);
}
.product-page .actual-discount { color: var(--brand-small-accent); }
.product-page select { accent-color: var(--brand-small-accent); }
.checkout-steps { color: var(--brand-muted); }
.checkout-steps [aria-current] { color: var(--brand-primary); }
.cart-state, .cart-price-notice { color: var(--brand-small-accent); }
.shipping-postcode button {
  background: var(--brand-white); color: var(--brand-action); border-color: var(--brand-action);
}
.buyer-page .product-placeholder {
  color: var(--brand-muted); background: var(--brand-soft);
}
.buyer-page button[disabled], .buyer-page .button[aria-disabled="true"] {
  opacity: 1; color: var(--brand-muted); background: var(--brand-tint);
  border-color: var(--brand-line);
}
.site-search button, .storefront-page .mobile-search-form button {
  color: var(--brand-action);
}
.account-page .mobile-search-form button {
  color: var(--brand-white); background: var(--brand-action);
}
:where(.storefront-page, .account-page, .buyer-page) input:is([type="checkbox"], [type="radio"]) {
  accent-color: var(--brand-small-accent);
}