.dark .site-header{ background:color-mix(in srgb, var(--bg) 82%, transparent); }
.dark .icon-btn{ border-color:var(--border); }
.dark .main-nav a:hover{ background:var(--secondary); color:#FFF7FA; }
.dark .main-nav a.active{ color:var(--accent); }
.dark .main-nav a.active::after{ background:var(--accent); }

.dark .btn-outline{ border-color:var(--text); color:var(--text); }
.dark .btn-outline:hover{ background:var(--text); color:var(--bg); }
.dark .btn-primary{ background:var(--primary); }
.dark .btn-primary:hover{ background:#a4487a; }

.dark .hero-badge{ color:#2B2427; }
.dark .why-grid{ background:var(--border); }
.dark .delivery-band{ background:linear-gradient(135deg,#5c2543,#3a1729); }

.dark .map-frame{ background:var(--secondary); border-color:var(--accent); color:var(--accent); }
.dark .newsletter{ background:var(--secondary); }
.dark .newsletter-form input{ border-color:var(--border); }

.dark .cta-band{ background:#0f0c0e; }

.dark .site-footer{ background:var(--surface); }
.dark .footer-newsletter input{ background:#171316; }

.dark .form-group input,
.dark .form-group select,
.dark .form-group textarea{ background:#171316; border-color:var(--border); color:var(--text); }
.dark .field-error{ color:#FF8A80; }
.dark .form-group.invalid input,
.dark .form-group.invalid select,
.dark .form-group.invalid textarea{ border-color:#FF8A80; }

.dark .product-tile .wish{ background:rgba(33,26,31,.85); color:var(--accent); }
.dark .product-tile .tag{ color:#2B2427; }

.dark .filter-tabs button{ color:var(--text-muted); border-color:var(--border); }
.dark .filter-tabs button.active{ background:var(--primary); color:#fff; }

.dark .skeleton{ background:linear-gradient(90deg, #2a2129 25%, #3a2c37 37%, #2a2129 63%); background-size:400% 100%; }

.dark img{ filter:brightness(.93) saturate(1.02); }
.dark .brand .brand-mark{ background:var(--secondary); color:var(--accent); }

.dark .state-num{ -webkit-text-stroke:2px var(--accent); }
.dark .divider-deco::before,.dark .divider-deco::after{ background:var(--border); }

/* Theme toggle icon swap handled in JS via data-theme attr on the icon */

/* ---- Home 2 additive overrides ---- */
.dark .h2-quote-chip{ background:var(--surface); box-shadow:var(--shadow-lg); }
.dark .es-content{ background:var(--surface); }
.dark .delivery-cta-strip{ background:linear-gradient(120deg,#5c2543,#3a1729); }
.dark .occasion-ring-item .ring{ border-color:var(--secondary); }
.dark .h2-dot-deco{ opacity:.25; }