/* Unlayered theme overrides are shared with the preserved pre-page. */
:root {
  --accent: #d6fa55;
}
:root[data-theme='light'] {
  color-scheme: light;
  --bg: #fafafa;
  --panel: #ffffff;
  --panel2: #f0f1f2;
  --line: #d8dadd;
  --ink: #202226;
  --text: #202226;
  --muted: #61656c;
  --dark: #181a1e;
  --error: #a62320;
  --accent: #202226;
  --shadow: 0 12px 32px #10131816;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  min-width: 100px;
  padding: 8px 12px;
  border: 1px solid #69755f;
  border-radius: 8px;
  background: var(--bg);
  color: var(--ink, var(--text));
  font:
    600 13px/1.2 Arial,
    Helvetica,
    sans-serif;
  cursor: pointer;
}
.theme-toggle[hidden],
.theme-moon {
  display: none;
}
.theme-toggle:hover {
  background: var(--panel2, #2c352b);
}
.theme-toggle:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
[data-theme='light'] .theme-sun {
  display: none;
}
[data-theme='light'] .theme-moon {
  display: block;
}
.preview-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.theme-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
[data-theme='light'] :focus-visible {
  outline-color: var(--accent);
}
[data-theme='light'] input,
[data-theme='light'] textarea {
  caret-color: var(--accent);
}
[data-theme='light'] .brand-symbol,
[data-theme='light'] .search button,
[data-theme='light'] .category-nav a[aria-current='page'],
[data-theme='light'] .category-nav a:hover,
[data-theme='light'] .hero h1 span,
[data-theme='light'] .section-heading a,
[data-theme='light'] .card-link,
[data-theme='light'] .checkout-steps li[aria-current='step'] {
  color: var(--accent);
}
[data-theme='light'] .hero-art {
  color: var(--muted);
  background: #f0f1f2;
}
[data-theme='light'] .hero-art > svg {
  color: #30343a;
}
[data-theme='light'] .notice {
  background: #eff0f2;
  color: #454950;
}
[data-theme='light'] .badge {
  background: #e9eaed;
  color: #454950;
}
[data-theme='light'] .placeholder .product-media {
  background: #f1f2f3;
  border-color: #c9cdd2;
}
[data-theme='light'] .placeholder .card-content {
  color: var(--muted);
}
[data-theme='light'] .placeholder-line {
  background: #d9dce0;
}
[data-theme='light'] .category-links a.active,
[data-theme='light'] .category-links a:hover,
[data-theme='light'] .variant-label input:checked + span,
[data-theme='light'] .option-row:has(input:checked) {
  background: #eceef0;
  color: var(--accent);
  border-color: var(--accent);
}
[data-theme='light'] .option-row input {
  accent-color: var(--accent);
}
[data-theme='light'] .thumbnail[aria-pressed='true'] {
  border-color: var(--accent);
}
[data-theme='light'] .button:disabled {
  background: #e4e6e9;
  color: #62666c;
}
/* Pre-page shares neutral surfaces and graphite actions. */
[data-theme='light'] .intro h1 span {
  color: var(--accent);
}
[data-theme='light'] .symbol path {
  fill: var(--accent);
}
[data-theme='light'] .brand small {
  color: var(--muted);
}
[data-theme='light'] .choice:not(.whatsapp) {
  background: #ffffff;
  border-color: var(--line);
}
[data-theme='light'] .choice:not(.whatsapp):hover {
  background: #f0f1f2;
  border-color: #959aa2;
}
[data-theme='light'] .choice:not(.whatsapp) .desc {
  color: var(--muted);
}
[data-theme='light'] .choice:not(.whatsapp) .icon-wrap {
  background: #eff0f2;
  color: var(--accent);
}
[data-theme='light'] .choice:not(.whatsapp) .cta {
  background: #eff0f2;
  color: var(--ink);
}
[data-theme='light'] .page footer {
  color: var(--muted);
  border-color: var(--line);
}
[data-theme='light'] .preview-strip {
  background: #eff0f2;
  color: #535860;
}
[data-theme='light'] .store-header {
  background: #ffffff;
}
[data-theme='light'] .theme-toggle,
[data-theme='light'] .search,
[data-theme='light'] input,
[data-theme='light'] select,
[data-theme='light'] textarea,
[data-theme='light'] .variant-label span,
[data-theme='light'] .quantity-control,
[data-theme='light'] .option-row,
[data-theme='light'] .thumbnail {
  border-color: #959aa2;
}
[data-theme='light'] .search {
  background: #f7f7f8;
}
[data-theme='light'] .search:focus-within {
  outline-color: var(--accent);
}
[data-theme='light'] .category-nav a[aria-current='page'],
[data-theme='light'] .checkout-steps li[aria-current='step'] {
  border-color: var(--accent);
}
[data-theme='light'] .button:not(.secondary):not(:disabled),
[data-theme='light'] .complete-symbol,
[data-theme='light'] .toast {
  background: #202226;
  color: #ffffff;
}
[data-theme='light'] .button:not(.secondary):not(:disabled):hover {
  background: #3b3f45;
}
[data-theme='light'] .button.secondary {
  border-color: #959aa2;
}
[data-theme='light'] .whatsapp-float {
  background: #202226;
  color: #d6fa55;
}
[data-theme='light'] .product-media,
[data-theme='light'] .gallery-main,
[data-theme='light'] .thumbnail,
[data-theme='light'] .cart-row img {
  background: #f1f2f3;
}
[data-theme='light'] .reserved-content {
  border-color: #a8adb5;
}
[data-theme='light'] .choice.whatsapp {
  background: #202226;
  border-color: #202226;
  color: #ffffff;
}
[data-theme='light'] .choice.whatsapp:hover {
  background: #2c3036;
}
[data-theme='light'] .whatsapp .desc {
  color: #d8dadd;
}
[data-theme='light'] .whatsapp .icon-wrap {
  background: #34383e;
  color: #d6fa55;
}
[data-theme='light'] .whatsapp .cta {
  background: #ffffff;
  color: #202226;
}
@media (max-width: 700px) {
  .preview-strip {
    gap: 12px;
    text-align: left;
  }
  .preview-strip > span {
    max-width: 290px;
  }
  .theme-toggle {
    flex: none;
  }
}