/* Site entièrement sombre, depuis le 26 oct. 2026 */
body { background: var(--bleu-900); }
main#contenu {
  position: relative; isolation: isolate; background: var(--bleu-900); color: var(--texte);
  --fond: transparent; --fond-alt: transparent;
  --texte: rgba(255, 255, 255, .86); --texte-doux: rgba(255, 255, 255, .7);
  --titre: #fff; --bordure: rgba(255, 255, 255, .14);
  --bleu-700: #fff;                                    /* rôle « texte foncé sur clair » : prix, libellés, accordéons */
  --bleu-50: rgba(255, 255, 255, .07); --bleu-100: rgba(255, 255, 255, .26);
  --gris-50: rgba(255, 255, 255, .05); --gris-100: rgba(255, 255, 255, .09);
  --rouge-100: rgba(208, 52, 44, .2);
}
main#contenu::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: var(--motif-image); background-size: var(--motif-taille) var(--motif-taille); background-repeat: repeat;
  opacity: .26;
}
main#contenu > * { position: relative; z-index: 1; }

/* Sections, héros, bandeaux : transparents, sans motif ni voile à eux */
main .heros, main .section, main .section--alt, main .section--fonce, main .bandeau { background: transparent; box-shadow: none; }
main .heros::before, main .heros::after, main .section::before, main .section::after,
main .bandeau::before, main .bandeau::after { display: none; }
main .bandeau { border-radius: 0; padding-inline: 0; }
main .bandeau .circuit-impulsions { display: none; }
main .circuit-impulsions { top: 0 !important; height: 100% !important; transform: none !important; }

/* Les cartes blanches deviennent des cartes sombres translucides, comme les tuiles de Services */
main :is(.carte, .tuile-service, .raccourcis a, .tarif, .estimation, .repere-prix, .fiche-resume, .accordeon__item,
         .formulaire, .carte-article, .carte-capsule, .sante-apercu, .messagerie, .comparaison figure, .encadre) {
  background: rgba(255, 255, 255, .045); border-color: rgba(255, 255, 255, .14); box-shadow: none;
}
main :is(.carte, .tuile-service, .carte-article, .carte-capsule, .accordeon__item):hover { border-color: rgba(208, 52, 44, .7); }
main .tarif--vedette, main .estimation { border-color: rgba(208, 52, 44, .75); }
main :is(.carte__icone, .tuile-service__icone, .coordonnees__item .icone) { background: rgba(208, 52, 44, .2); color: #ff8a82; }
main p, main li { color: var(--texte); }
main :is(.entete-section p, .carte p, .tarif__note, .tarif__soustitre, .repere-prix p) { color: var(--texte-doux); }
main a:not(.bouton):not(.tuile-service):not(.carte):not(.carte-article):not(.carte-capsule) { color: #ff8a82; }
main .lien-fleche { color: #ff8a82; }

/* Rouge foncé sur fond sombre : illisible (« rouge sur rouge » au survol de la FAQ, 26 oct. 2026).
   Les textes rouges passent au rouge éclairci, et tout SURVOL de texte passe au blanc. */
main :is(.surtitre, .estimation__titre, .fiche-resume__titre, .faq-categorie__titre, .carte-article__date,
         .champ__requis, .tuile-service__fleche, .accordeon__bouton .icone, .liste-marquee .icone,
         .groupe-services__titre .icone, .note-joindre a) { color: #ff8a82; }
main .surtitre::before { background: #ff8a82; }
main :is(.accordeon__bouton, a.coordonnees__valeur, .lien-fleche, .raccourcis a, .note-joindre a):is(:hover, :focus-visible),
main a:not(.bouton):is(:hover, :focus-visible) { color: #fff; }
main .accordeon__item:hover { background: rgba(255, 255, 255, .08); }

/* Les pastilles (services, raccourcis) sont des liens en forme de bouton : texte BLANC, jamais le rouge des liens
   (rouge sur rouge au survol et à l'état actif, remarque de Dominic le 27 oct. 2026). */
main#contenu :is(.neuf a, .raccourcis a) { color: #fff; }
main#contenu :is(.neuf a, .raccourcis a):is(:hover, :focus-visible, .actif, .devant) { color: #fff; }

/* Boutons dont le survol mettait du blanc sur du blanc */
main .bouton--secondaire:hover, main .bouton--clair:hover { background: #fff; border-color: #fff; color: #1a0b0c; }

/* Formulaires */
main .champ :is(input, select, textarea) { color: #fff; }
main .champ :is(input, select, textarea):focus { background: rgba(255, 255, 255, .09); }
main .champ select option { color: #1a0b0c; background: #fff; }
main .champ ::placeholder { color: rgba(255, 255, 255, .45); }
main .alerte--erreur { color: #fff; }