/* Shared dark palette, loaded after each page's local styles. */
:root {
  color-scheme: dark;
  --black: #101112;
  --white: #f4f3ef;
  --yellow: #e1bd77;
  --gray: #c4c8c5;
  --light: #343a36;
  --dark2: #1b1e1c;
}
body { background: #101112; color: #f4f3ef; }
nav { background: rgba(16,17,18,.97); border-color: #343a36; }
h1, h2, h3, .section-title, .strip-title, .card-title, .nav-logo,
.category-title, .contact-item-value, .author-name { color: #f4f3ef; }
p, .hero-desc, .strip-desc, .card-desc, .card-list li, .about-text p,
.value-desc, .review-text, .gallery-intro, .materials-intro,
.material-range p, .material-specs, .category-description,
.materials-contact p, .help-popup p, .hours-row,
.hours-row span:first-child, .rating-info p, .cta-review p,
.form-subtitle, .form-note, .stat-label, .author-date,
.contact-item-label, .form-group label, .materials-note { color: #c4c8c5; }
a { color: #e1bd77; }
.nav-links a { color: #d6d9d6; }
.nav-links a:hover, .nav-links a.active, .nav-logo span,
.hero h1 em, .about-text h2 em, .hero-tag, .label, .tag,
.strip-link, footer a { color: #e1bd77; }
.strip, .strip-item:nth-child(2), .strip-item:nth-child(3), footer,
.service-card, .review-card, .value-card, .contact-item, .hours-box,
.about-visual, .materials-contact, .material-category summary,
.product-pair figure, .help-popup, .gallery-item.is-video { background: #1b1e1c; border-color: #424942; }
.strip-item:hover, .service-card:hover, .review-card:hover,
.value-card:hover, .contact-item:hover, .material-category summary:hover { background: #262c28; }
.services-grid, .reviews-grid, .values-grid { background: transparent; }
.material-category, .material-range, .brand-list li { border-color: #424942; }
.product-pair img { background: #fff; }
.product-pair figcaption, .gallery-item figcaption { color: #f4f3ef; }
.service-card .card-num { color: #444d46; }
.nav-links .nav-btn, .btn-yellow, .btn-submit, .form-submit,
.filter-btn.active, .card-icon, .contact-icon, .author-avatar,
.about-badge, .gallery-zoom { background: #e1bd77; color: #101112 !important; }
.btn-ghost, .filter-btn { color: #f4f3ef; border-color: #a78b57; }
.cta-banner { background: #242b27; }
.cta-banner h2 { color: #f4f3ef; }
.cta-banner p { color: #c4c8c5; }
.btn-dark, .cta-banner .btn, .help-chat { background: #e1bd77; color: #101112; }
.help-chat:hover { background: #edce95; }
.form-group input, .form-group textarea, .form-group select,
.form-group select option { background: #1b1e1c; color: #f4f3ef; border-color: #606b62; }
.form-group input::placeholder, .form-group textarea::placeholder { color: #aeb7b0; }
.nav-toggle span { background: #e1bd77; }
.category-toggle, .btn-ghost:hover { border-color: #e1bd77; }
.category-toggle::before, .category-toggle::after, .help-popup::before { background: #e1bd77; }
.help-close { background: #303a33; color: #f4f3ef; }
.hero-bolt svg path { fill: #e1bd77; }
footer { color: #c4c8c5; }
a:focus-visible, button:focus-visible,
.material-category summary:focus-visible { outline-color: #e1bd77; }
@media (max-width: 800px) { .nav-links { background: #1b1e1c; } }
