/* Light-theme contrast for the official-store directory */
html:not([data-theme="dark"]) .shop-page {
  --surface: var(--white, #fff);
  --background: var(--paper-2, #f2edff);
  --text: var(--ink, #18132e);
  --border: var(--line, rgba(56, 38, 104, .15));
}

html:not([data-theme="dark"]) .shop-browser.shop-browser-compact {
  border: 1px solid color-mix(in srgb, var(--violet, #7657ff) 18%, var(--line, rgba(56, 38, 104, .15)));
  background:
    radial-gradient(circle at 92% 8%, rgba(118, 87, 255, .09), transparent 20rem),
    linear-gradient(135deg, rgba(255, 255, 255, .98), color-mix(in srgb, var(--paper-2, #f2edff) 62%, #fff));
  box-shadow: 0 16px 42px rgba(73, 48, 126, .11);
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-browser-heading h2,
html:not([data-theme="dark"]) .shop-results-summary strong {
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-results-summary {
  color: var(--muted, #69617b);
}

html:not([data-theme="dark"]) .shop-browser-controls-v2 .shop-search,
html:not([data-theme="dark"]) .shop-browser-controls-v2 .shop-retailer-filter {
  border-color: color-mix(in srgb, var(--violet, #7657ff) 17%, var(--line, rgba(56, 38, 104, .15)));
  background: rgba(255, 255, 255, .88);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92);
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-browser-controls-v2 .shop-search > span {
  color: var(--violet, #7657ff);
}

html:not([data-theme="dark"]) .shop-browser-controls-v2 input,
html:not([data-theme="dark"]) .shop-browser-controls-v2 select {
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-browser-controls-v2 input::placeholder {
  color: color-mix(in srgb, var(--muted, #69617b) 76%, transparent);
  opacity: 1;
}

html:not([data-theme="dark"]) .shop-clear-filters {
  border-color: var(--line, rgba(56, 38, 104, .15));
  background: rgba(255, 255, 255, .72);
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-letter-nav button {
  border-color: color-mix(in srgb, var(--violet, #7657ff) 14%, var(--line, rgba(56, 38, 104, .15)));
  background: color-mix(in srgb, var(--paper-2, #f2edff) 72%, #fff);
  color: var(--muted, #69617b);
}

html:not([data-theme="dark"]) .shop-letter-nav button:hover,
html:not([data-theme="dark"]) .shop-letter-nav button:focus-visible {
  border-color: var(--violet, #7657ff);
  background: #fff;
  color: var(--ink, #18132e);
}

html:not([data-theme="dark"]) .shop-group-panel {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 28px rgba(73, 48, 126, .055);
}

html:not([data-theme="dark"]) .shop-listing-retailer .retailer-logo {
  background: color-mix(in srgb, var(--store-accent, #7657ff) 6%, #fff);
}