body.dark {
  --bg: #17110d;
  --surface: #211711;
  --text: #fff8f2;
  --muted: #d6c1b2;
  --border: #3b281d;
  --shadow: 0 22px 60px rgba(0, 0, 0, .35);
}

body.dark .site-header,
body.dark .nav-panel,
body.dark .feature-card,
body.dark .product-card,
body.dark .catalog-card,
body.dark .testimonial,
body.dark .review-card,
body.dark .step,
body.dark .faq-list details,
body.dark .contact-form,
body.dark .contact-panel,
body.dark .timeline div,
body.dark .cookie {
  background: #211711;
}

body.dark .nav-panel a,
body.dark .faq-list summary,
body.dark dt { color: #fff8f2; }
body.dark .btn.secondary,
body.dark .icon-btn,
body.dark .slider-controls button,
body.dark .filter-bar button,
body.dark .nav-toggle { background: #2b1c13; color: #fff8f2; }
body.dark input,
body.dark textarea { background: #17110d; color: #fff8f2; border-color: #4b3223; }
body.dark .page-hero { background: linear-gradient(135deg, #211711, #17110d 58%, #251810); }