:root{
  color-scheme:dark;
  --porcelaine:#12130f;
  --emaille:#1b1c17;
  --encre:#eef0e9;
  --sauge:#b4cabc;
  --sauge-clair:#273a30;
  --cuivre:#d9a271;
  --os:#353126;
  --ligne:#4b4c43;
  --surface:#1e1f19;
  --surface-alt:#25261f;
  --texte:#d2d5cf;
  --texte-att:#aeb4ad;
  --foret:#003a2a;
  --foret-survol:#07503b;
}

html{color-scheme:dark}
body{background:var(--porcelaine);color:var(--encre)}
header,.top{background:rgba(29,30,24,.96);border-color:var(--ligne)}
.logo,.brand,.nav > ul > li > a,.nav-links a{color:var(--encre);opacity:.92}
.btn{background:var(--foret);color:#fff}
.btn:hover{background:var(--foret-survol)}
.btn.ghost{background:transparent;color:var(--sauge);border-color:var(--sauge)}
.btn.ghost:hover{background:var(--sauge-clair)}
.menu-toggle path{stroke:var(--encre)!important}

.hero-visual,.appointment,.hygiene-intro{background:var(--sauge-clair);border-color:var(--ligne)}
section.alt,.content.alt{background:var(--emaille)}
.card,.schema,.step,details,.contact-card,.sit-card,.madein,.hyg-card,.callout{background:var(--surface);border-color:var(--ligne)}
.schema.dark{background:#101812;border-color:#284036}
.card .icon,.sit-card .ic,.hyg-ic,.badge{background:var(--sauge-clair)}

.hero p,.lead,.section-head p,.card p,.explain p,.explain li,.appointment p,.hygiene-intro p,.hyg-card p,.contact-card p,.step p,details .answer,details p,.zone,.madein p,.trio figcaption,.duo .schema p{color:var(--texte)}
.trust,.schema figcaption,.zone,.footer,.footer a,footer,footer a{color:var(--texte-att)}
.schema.dark h4{color:var(--encre)}
.schema.dark > p,.schema.dark figcaption{color:var(--texte-att)}
[style*="color:#465451"],[style*="color:#37433f"]{color:var(--texte)!important}
[style*="color:#6b756f"]{color:var(--texte-att)!important}

.submenu{background:var(--surface-alt);border-color:var(--ligne)}
.submenu a{color:var(--encre)}
.submenu a:hover{background:var(--sauge-clair)}
#navlinks > .has-sub > .submenu-toggle{background:var(--surface);border-color:var(--ligne);color:var(--sauge)}

svg [stroke="#3E6259"]{stroke:var(--sauge)!important}
svg [fill="#3E6259"]{fill:var(--sauge)!important}
svg [stroke="#1E2D2B"]{stroke:var(--encre)!important}

footer,.footer,.cta{background:#171814;color:var(--encre)}
.footer a,footer a{color:var(--texte-att)}
.cta p{color:var(--texte)}
.cta .btn{background:var(--foret);color:#fff}
.cta .btn.ghost{background:transparent;color:var(--encre);border-color:var(--encre)}

.notice{background:var(--surface);border-left-color:var(--cuivre)}
body h1,body h2{color:var(--encre)}
body a{color:var(--sauge)}
.btn,.btn:visited{color:#fff}

/* Contrast fixes for the dark desktop version. */
.hero{background:linear-gradient(120deg,#12130f 0%,#1b1c17 100%)}
.hero h1,.hero h2,.hero h3{color:var(--encre)}
.hero .lead{color:var(--texte)}
.hygiene-note{background:#171814;color:var(--encre)}
.hygiene-note strong{color:var(--encre)}
.subcat-label .num{background:var(--foret);color:#fff}
.tag{color:var(--cuivre)}
.skip,.skip-link{background:#171814;color:#fff}

@media (min-width:881px){
  .nav ul.submenu{background:var(--surface-alt);border-color:var(--ligne)}
  .nav ul.submenu a{color:var(--encre);opacity:.92}
  .nav ul.submenu a:hover,.nav ul.submenu a:focus-visible{background:var(--sauge-clair);color:var(--encre)}
}