/* Touches de couleur · charte Écume v5 (palette du client, 11/2026).
   Formes organiques comme sur l'image d'inspiration, jamais sous le texte :
   bleu-gris = grandes formes ; moutarde = boutons et une seule forme ; rose poudré = petits détails (points, traits sous les titres).
   Chargée après les autres feuilles de style, avant cookies.css. */

/* Accueil : forme bleu-gris derrière la photo détourée, semis de points rose poudré */
.hero__photo picture { position: relative; z-index: 1; }
.hero__photo::before {
  content: ""; position: absolute; z-index: 0; right: -8%; top: 16%; width: 76%; height: 78%;
  background: var(--bleu-gris); border-radius: 64% 36% 55% 45% / 56% 44% 58% 42%;
}
.hero__photo::after {
  content: ""; position: absolute; z-index: 2; left: 9%; top: 10%; width: 112px; height: 90px; border-radius: 50%;
  background-image: radial-gradient(circle, var(--rose-poudre) 0 3.5px, transparent 4px); background-size: 18px 18px;
}

/* Bienvenue : la seule forme moutarde, en haut à droite */
#cabinet { position: relative; overflow: hidden; }
#cabinet > .wrap { position: relative; z-index: 1; }
#cabinet::before {
  content: ""; position: absolute; z-index: 0; right: -64px; top: -56px; width: 230px; height: 170px;
  background: var(--moutarde); border-radius: 46% 54% 58% 42% / 55% 45% 55% 45%; pointer-events: none;
}

/* Trait rose poudré sous les titres de partie (centré quand le titre l'est) */
.section-title::after,
.prose h2::after {
  content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; background: var(--rose-poudre); margin: 16px 0 0;
}
:is(#equipe, #traitements, #acces, #contact) .section-title::after { margin-left: auto; margin-right: auto; }

/* Pastilles numérotées du parcours, puces des listes */
.tx__num { background: var(--bleu-gris); color: var(--ardoise-nuit); }
.prose ul li::marker { color: var(--bleu-gris); }

/* Pages intérieures : forme bleu-gris et points rose poudré autour de la photo */
.int-hero { overflow: hidden; }
.int-hero__media { position: relative; }
.int-hero__media > .ph { z-index: 1; }
.int-hero__media::before {
  content: ""; position: absolute; z-index: 0; right: -40px; bottom: -44px; width: 58%; height: 66%;
  background: var(--bleu-gris); border-radius: 58% 42% 46% 54% / 52% 46% 54% 48%;
}
.int-hero__media::after {
  content: ""; position: absolute; z-index: 0; left: -34px; top: -30px; width: 96px; height: 80px; border-radius: 50%;
  background-image: radial-gradient(circle, var(--rose-poudre) 0 3.5px, transparent 4px); background-size: 16px 16px;
}

/* Anneau moutarde (28 %) autour du bouton de l'en-tête */
.site-header .btn--primary { box-shadow: 0 0 0 3px rgba(221, 168, 99, 0.28); }

@media (max-width: 700px) {
  #cabinet::before { width: 150px; height: 110px; right: -52px; top: -50px; }
  .int-hero__media::before { right: -24px; bottom: -26px; }
  .int-hero__media::after { left: -18px; top: -18px; }
}