/**
 * Light storefront overrides — served as static CSS (not processed by Tailwind PostCSS).
 */

html.light[data-store-theme="light"] [data-storefront-shell] .site-wash-strength {
  opacity: 0.45;
}

html.light[data-store-theme="light"] {
  color-scheme: light;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="border-[#23272F]"] {
  border-color: var(--store-border) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="bg-[#111317]"],
html.light[data-store-theme="light"] [data-storefront-shell] [class*="bg-[#16181C]"] {
  background-color: var(--store-surface) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="bg-[#0A0B0D]"] {
  background-color: var(--store-surface-muted) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="text-[#F5F7FA]"] {
  color: var(--store-heading) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="text-[#A1A8B3]"] {
  color: var(--store-muted) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="text-[#6B7280]"] {
  color: var(--store-muted) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="hover:bg-[#111317]"]:hover {
  background-color: var(--store-surface-muted) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] [class*="hover:text-[#F5F7FA]"]:hover {
  color: var(--store-heading) !important;
}

html.light[data-store-theme="light"] [data-storefront-shell] input[class*="border-[#23272F]"],
html.light[data-store-theme="light"] [data-storefront-shell] input[class*="bg-[#111317]"] {
  background-color: var(--store-input-bg, #ffffff) !important;
  color: var(--store-heading) !important;
}