/* TORUNNO Midnight canvas fix: apply dark surfaces to every Midnight preset.
   Specific section variables override saved light section colours only while a dark preset is active. */
html[data-theme^="midnight"] {
  --classic-paper: var(--paper);
  --classic-paper-deep: var(--white);
  --classic-ink: var(--ink);
  --classic-muted: color-mix(in srgb, var(--ink) 68%, transparent);
  --classic-line: color-mix(in srgb, var(--ink) 20%, transparent);
  --classic-card: var(--white);
}
html[data-theme^="midnight"] body {
  background: var(--paper) !important;
  color: var(--ink) !important;
}
html[data-theme^="midnight"] .site-header,
html[data-theme^="midnight"] .main-nav,
html[data-theme^="midnight"] .main-nav.is-open {
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .wordmark,
html[data-theme^="midnight"] .main-nav a,
html[data-theme^="midnight"] .cart-link,
html[data-theme^="midnight"] .menu-toggle span {
  color: var(--ink) !important;
}
html[data-theme^="midnight"] .classic-hero {
  --section-bg: var(--paper) !important;
  --section-ink: var(--ink) !important;
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .classic-hero h1,
html[data-theme^="midnight"] .classic-hero-text,
html[data-theme^="midnight"] .classic-hero .classic-proof,
html[data-theme^="midnight"] .classic-hero .classic-proof span,
html[data-theme^="midnight"] .classic-hero-placeholder,
html[data-theme^="midnight"] .classic-hero-placeholder strong {
  color: var(--ink) !important;
}
html[data-theme^="midnight"] .classic-hero-text,
html[data-theme^="midnight"] .classic-proof { opacity: .82; }
html[data-theme^="midnight"] .classic-trust-strip {
  background: var(--announcement-bg) !important;
  color: var(--announcement-ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .builder-section.classic-section {
  --section-bg: var(--white) !important;
  --section-ink: var(--ink) !important;
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .builder-section.classic-section .builder-title,
html[data-theme^="midnight"] .builder-section.classic-section .builder-copy,
html[data-theme^="midnight"] .builder-section.classic-section .builder-category-copy,
html[data-theme^="midnight"] .builder-section.classic-section .builder-section-heading,
html[data-theme^="midnight"] .classic-title,
html[data-theme^="midnight"] .classic-product-shell .product-name a,
html[data-theme^="midnight"] .classic-product-shell .product-price,
html[data-theme^="midnight"] .classic-product-shell .price-old,
html[data-theme^="midnight"] .classic-category-card,
html[data-theme^="midnight"] .classic-category-card strong,
html[data-theme^="midnight"] .classic-category-card .builder-category-copy,
html[data-theme^="midnight"] .classic-category-card em {
  color: var(--ink) !important;
}
html[data-theme^="midnight"] .classic-product-shell .product-image-wrap,
html[data-theme^="midnight"] .classic-category-card,
html[data-theme^="midnight"] .classic-coming-card,
html[data-theme^="midnight"] .classic-coming-panel,
html[data-theme^="midnight"] .classic-cta,
html[data-theme^="midnight"] .classic-image-text-layout .builder-image-text-image,
html[data-theme^="midnight"] .summary-card,
html[data-theme^="midnight"] .form-panel,
html[data-theme^="midnight"] .contact-note,
html[data-theme^="midnight"] .empty-state {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .classic-product-shell .product-tag,
html[data-theme^="midnight"] .classic-product-shell .quick-view,
html[data-theme^="midnight"] .classic-image-caption {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .classic-image-caption span,
html[data-theme^="midnight"] .classic-coming-panel > p:not(.classic-eyebrow),
html[data-theme^="midnight"] .page-intro,
html[data-theme^="midnight"] .detail-description,
html[data-theme^="midnight"] .detail-trust,
html[data-theme^="midnight"] .trust-tile {
  color: var(--ink) !important;
  opacity: .82;
}
html[data-theme^="midnight"] .classic-page-hero,
html[data-theme^="midnight"] .page-hero,
html[data-theme^="midnight"] .classic-page-hero .page-title,
html[data-theme^="midnight"] .page-title {
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .site-footer {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .footer-brand-block p,
html[data-theme^="midnight"] .footer-note p,
html[data-theme^="midnight"] .footer-links a,
html[data-theme^="midnight"] .footer-bottom,
html[data-theme^="midnight"] .footer-bottom a,
html[data-theme^="midnight"] .cod-stamp {
  color: var(--ink) !important;
}
html[data-theme^="midnight"] .footer-bottom { border-color: var(--classic-line) !important; }
html[data-theme^="midnight"] .field input,
html[data-theme^="midnight"] .field select,
html[data-theme^="midnight"] .field textarea {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .filter-chip {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--classic-line) !important;
}
html[data-theme^="midnight"] .filter-chip.active,
html[data-theme^="midnight"] .filter-chip:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--button-ink, #fff) !important;
}
html[data-theme^="midnight"] .cart-count { background: var(--accent) !important; color: var(--button-ink, #fff) !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-theme^="midnight"] * { scroll-behavior: auto !important; }
}