/* Accents froids (préférence client 08/2026) — uniquement des couleurs de la charte Écume.
   Déplace les accents texte du saumon foncé vers l'ardoise ; désactivable via le panneau Tweaks. */
:root{
  --ciel-profond:var(--ardoise);
  --ciel-pale:var(--sauge-pale);
  --terracotta-vive:var(--ardoise);
  --fg-accent:var(--ardoise);
  --fg-accent-strong:var(--ardoise);
}
/* Accents (le pop saumon reste réservé aux CTA) */
body .ph{background:linear-gradient(165deg,#E4EAEC 0%,#D1D9DD 100%)}
body .ph__cap{background:rgba(255,255,255,0.85)}
body .section-index{color:var(--ardoise)}
/* Encart Dentapoche : surface claire, menthe en touches */
body .portail__card{position:relative;overflow:hidden}
body .portail__card::before{content:'';position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--menthe-givree);opacity:.6}
body .portail__card>*{position:relative;z-index:1}
body .portail__feats .dot{background:var(--menthe-givree);color:var(--pin-profond)}
/* Badge valeurs (approche) */
body .approche__valeurs{display:inline-block;background:var(--menthe-givree);color:var(--pin-profond);padding:10px 18px;border-radius:999px}
/* Formes géométriques palette (façon Otter) — décor, jamais sous le texte */
body .cta-band{position:relative;overflow:hidden}
body .cta-band::before{content:'';position:absolute;left:-70px;bottom:-80px;width:170px;height:170px;border-radius:50%;background:var(--menthe-givree)}
body .cta-band::after{content:'';position:absolute;right:6%;top:-110px;width:220px;height:220px;border-radius:50%;border:2.5px solid var(--saumon);opacity:.75}
body .cta-band .wrap{position:relative;z-index:1}
body .footer{position:relative;overflow:hidden}
body .footer::after{content:'';position:absolute;right:-70px;bottom:-70px;width:200px;height:200px;border-radius:50%;background:var(--ardoise);opacity:.22}
body .footer .wrap{position:relative;z-index:1}
body .approche__visual{position:relative}
body .approche__visual::before{content:'';position:absolute;left:-30px;top:-30px;width:112px;height:112px;border-radius:50%;background:var(--menthe-givree)}
body .approche__visual::after{content:'';position:absolute;right:-24px;bottom:-24px;width:84px;height:84px;border-radius:50%;border:2.5px solid var(--saumon)}
body .approche__visual .ph{position:relative;z-index:1}
/* Menthe : accents sur fonds sombres */
body .cta-band__doctolib::before{background:var(--menthe-givree)}
body .footer h4{color:var(--menthe-givree)}
body .tech__num{color:var(--menthe-givree)}
body .access__transport-item b svg{color:var(--ardoise)}
body .team__creds li::before{background:var(--ardoise)}
body .btn--ghost{border-color:var(--ardoise)}