/* PRO ELEC - actual dark theme, 2026-09-10.
   Load AFTER style.css and seo-services.css. Presentation only:
   no scripts, tracking, form fields, URLs or images are changed. */
:root {
  color-scheme: dark;
  --pe-bg: #161a17;
  --pe-surface: #222823;
  --pe-raised: #2a322b;
  --pe-text: #f1f5ee;
  --muted: #c2cbbf;
  --light: #1c211d;
  --green-dark: #a4d747;
  --line: #465243;
  --shadow: 0 18px 50px rgba(0,0,0,.22);
}
html, body { background: var(--pe-bg); color: var(--pe-text); }
.site-header { background: rgba(18,23,19,.97); border-color: var(--line); }
.topbar, .form-header { background: #0e181e; color: var(--pe-text); }
.main-nav, .menu-toggle { background: #121713; color: var(--pe-text); }
.main-nav a, .service-nav a, .seo-phone { color: var(--pe-text); }
.main-nav a:hover, .service-nav a:hover { color: var(--green-dark); }
.service-nav a[aria-current=page] { color: var(--green-dark); }
.salon-banner { background: var(--pe-bg); }
.hero { background: linear-gradient(110deg,#1c211d 0 58%,#161a17 58%); }
.seo-main, .form-page, .split-section, .faq { background: var(--light); }
.services, .realisation, .reviews { background: var(--pe-bg); }
.service-card, .realisation-card, .seo-card, .seo-hero-image,
.faq details, .seo-faq details, form, .reviews-summary {
  background: var(--pe-surface); color: var(--pe-text); border-color: var(--line);
}
.seo-hero-image img, .realisation-card img { background: #181d19; }
.hero-trust, .seo-trust { color: #d0dfc5; }
.realisation-card figcaption strong, .reviews-score strong,
.project-form legend, .photo-title { color: var(--pe-text); }
.service-link, .seo-section a:not(.button), .form-consent a,
.consent-line a { color: var(--green-dark); }
.button-primary { color: #101820; }
.button-secondary { background: #232d20; color: var(--pe-text); border-color: #8aae59; }
.button-secondary:hover { background: #32482b; color: #fff; }
.seo-step, .radio-card input:checked + span {
  background: #304124; color: #d4f6a0; border-color: var(--green);
}
.step span { color: #101820; }
.seo-cta-panel { background: #263420; border-color: #577344; }
input, select, textarea {
  color: var(--pe-text); background: #141a15; border-color: #65745e;
  accent-color: var(--green); color-scheme: dark;
}
input::placeholder, textarea::placeholder { color: #adb8a6; opacity: 1; }
input::file-selector-button {
  color: var(--pe-text); background: #2b3926; border: 1px solid #748d63;
  border-radius: 5px; padding: 7px 10px; margin-right: 10px;
}
.radio-card span, .conditional-field, .photo-upload,
.callback-choice, .form-consent {
  color: var(--pe-text); background: #1b241c; border-color: #58684f;
}
.photo-upload input { background: #141a15; color: var(--pe-text); }
.form-zone { color: var(--pe-text)!important; }
.form-alert { background: #3b2126; color: #ffd6d6; border-left-color: #ec9292; }
.skip-link:focus { color: #101820; background: #fff; }
:focus-visible { outline-color: #b8e868; }
.realisation-toggle:focus-visible~.realisation-more-wrap label,
.faq-toggle:focus-visible~.faq-more-wrap label { outline-color: #b8e868; }
@media(max-width:980px) { .hero { background: var(--light); } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }