.customer-page .customer-header {
  background: var(--header);
  border-color: var(--header-line);
}

.customer-page .customer-mark,
.customer-page .add-cart-button,
.customer-page .floating-cart {
  color: var(--on-accent);
}

.customer-page .customer-search,
.customer-page .quantity-controls button,
.customer-page .checkout-customer-field input,
.customer-page .checkout-customer-field textarea {
  background: var(--field);
}

.customer-page .customer-search input::placeholder {
  color: var(--placeholder);
}

.customer-page .category-pills :is(a, button):is(:hover, .active) {
  border-color: var(--active-line);
}

.customer-page .customer-empty {
  border-color: var(--empty-line);
}

.customer-page .cart-dialog,
.customer-page .cart-sheet header button,
.customer-page .quantity-controls button {
  color: var(--ink);
}

.customer-page .quantity-controls .cart-remove {
  color: var(--accent-dark);
}

.customer-page .cart-toast {
  background: var(--toast-bg);
  color: var(--toast-ink);
}

.customer-page .add-cart-button.is-added {
  background: #247a4a;
  color: #fff;
}

.customer-page .add-cart-button.is-limit {
  background: var(--toast-bg);
  color: var(--toast-ink);
}

.customer-page :focus-visible {
  outline-color: var(--focus-ring);
}

.customer-page .checkout-customer-field :is(input, textarea):focus {
  outline-color: var(--focus-ring);
}

/* Keep the original Classic menu unchanged; refine surfaces for other presets. */
html[data-menu-theme]:not([data-menu-theme="classic"]) .customer-page .floating-cart {
  border-color: var(--line);
  box-shadow: var(--shadow);
}

html[data-menu-theme]:not([data-menu-theme="classic"]) .customer-page .floating-cart span {
  background: var(--surface);
  color: var(--accent-dark);
}

html[data-menu-theme]:not([data-menu-theme="classic"]) .customer-page .cart-error {
  background: var(--danger-soft);
  color: var(--danger);
}

html[data-menu-theme]:not([data-menu-theme="classic"]) .customer-page .checkout-customer-field :is(input, textarea) {
  border-color: var(--line);
}

html[data-menu-theme]:not([data-menu-theme="classic"]) .customer-page .checkout-customer-field :is(input, textarea):focus {
  border-color: var(--accent);
}