/* Même alternance pour les deux publics : seule la surface ivoire devient noire. */
body[data-profile][data-profile] {
  --surface: var(--paper);
  --surface-text: var(--ink);
  --surface-copy: var(--slate);
  --surface-line: rgba(22,24,25,.16);
  --form-surface: var(--ivory);
}
body[data-profile="professionnel"][data-profile] {
  --surface: var(--ink);
  --surface-text: var(--ivory);
  --surface-copy: #b8b9b6;
  --surface-line: rgba(241,238,232,.18);
  --form-surface: #202324;
}
body[data-profile][data-profile] :is(.proof, .membrane, .method, .commitments, .contact) {
  background: var(--surface);
  color: var(--surface-text);
}
body[data-profile][data-profile] :is(.projects, .home-finishes, .pro-finishes, .about, .faq, footer) {
  background: var(--sand);
  color: var(--ink);
}
body[data-profile][data-profile] :is(.proof, .membrane, .method, .commitments, .contact) p,
body[data-profile][data-profile] .contact .direct-contact small { color: var(--surface-copy); }
body[data-profile][data-profile] .commitments .coverage-selection strong { color: var(--surface-text); }
body[data-profile][data-profile] :is(.timeline, .timeline li, .commitment-list article, .national, .coverage-caption, .direct-contact, .direct-contact a) { border-color: var(--surface-line); }
body[data-profile][data-profile] .timeline li:hover { background: transparent; padding-inline: 0; }
body[data-profile][data-profile] :is(.home-finishes, .pro-finishes) .comparison { margin-top: 0; padding: 0; background: transparent; border: 0; }
body[data-profile][data-profile] footer p,
body[data-profile][data-profile] .footer-bottom { color: var(--slate); }
body[data-profile][data-profile] .footer-bottom { border-color: var(--line); }
body[data-profile][data-profile] .contact .project-form { background: var(--form-surface); border-color: var(--surface-line); }
body[data-profile][data-profile] .contact .form-heading { border-color: var(--surface-line); }
body[data-profile][data-profile] .contact .form-grid label > span { color: var(--surface-text); }
body[data-profile][data-profile] .contact .form-grid :is(input, select, textarea) {
  background-color: transparent;
  color: var(--surface-text);
  border-color: var(--surface-line);
}
body[data-profile][data-profile] .contact .form-grid :is(input, textarea)::placeholder { color: var(--surface-copy); }
body[data-profile="particulier"] .contact select { color-scheme: light; }
body[data-profile="professionnel"][data-profile] .contact select { color-scheme: dark; }
body[data-profile][data-profile] .hero-separator { color: var(--surface); }
body[data-profile][data-profile] .section-transition { --divider-from: var(--surface); --divider-to: var(--sand); }
body[data-profile][data-profile] .flow-divider--project-detail { --divider-from: var(--sand); --divider-to: var(--surface); }
body[data-profile][data-profile] :is(.flow-divider--membrane-finishes, .flow-divider--scope-finishes) { --divider-from: var(--surface); --divider-to: var(--sand); }
body[data-profile][data-profile] .flow-divider--profile-method { display: block; --divider-from: var(--sand); --divider-to: var(--surface); }
body[data-profile][data-profile] .flow-divider--method-about { --divider-from: var(--surface); --divider-to: var(--sand); }
body[data-profile][data-profile] .flow-divider--about-commitments { display: block; --divider-from: var(--sand); --divider-to: var(--surface); }
body[data-profile][data-profile] .flow-divider--commitments-faq { --divider-from: var(--surface); --divider-to: var(--sand); }
body[data-profile][data-profile] .flow-divider--faq-contact { --divider-from: var(--sand); --divider-to: var(--surface); }
body[data-profile][data-profile] .flow-divider--contact-footer { --divider-from: var(--surface); --divider-to: var(--sand); }