/* Lisibilite, 23 octobre 2026. Chaque valeur vient d'un calcul de contraste sur sa
   propre feuille, et chaque couleur garde sa teinte : seule la luminosite descend, juste
   assez pour franchir 4,5:1. */

/* 1. le gris de texte courant : 4,04:1 -> 4,64:1 */
:root { --muted: #6b7167; }

/* 2. le surtitre : 3,68:1 a 10 px -> 4,65:1 a 12 px */
.eyebrow {
  color: #647364 !important;
  font-size: .75rem !important;
}

/* 3. le bouton du heros : blanc sur l'aqua clair, 2,27:1. On prend son turquoise profond */
.hero-discover {
  background: var(--deep, #3d8177) !important;
  font-size: .875rem !important;
}

/* 4. la bande de contact : 1,53:1 au bout clair du degrade */
.contact-band {
  background: linear-gradient(100deg, #3d8177, #35796f) !important;
}
.contact-band p {
  color: #fff !important;
  font-size: .9375rem !important;
  line-height: 1.6 !important;
}
.contact-band h2 { color: #fff !important; }

/* 5. le texte courant descendait entre 12 et 14 px selon le bloc */
.values p,
.service-card p,
.bio-notes p,
.biography p:not(.eyebrow),
main p:not(.eyebrow) {
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

/* un titre de deux lignes ne doit pas se toucher */
main h1, main h2, main h3 { line-height: 1.16 !important; }


/* ---- deuxieme passe, apres mesure --------------------------------------------------
   Trois elements restaient sous le seuil parce qu'ils portent leurs propres couleurs. */

/* le bouton de navigation : blanc sur l'aqua clair. Son turquoise profond, lui, passe */
.nav-appointment { background: var(--deep, #3d8177) !important; }

/* le lien des cartes de service : #416c58 sur #aad9c5 = 3,83:1 -> 4,61:1 */
.service-card a { color: #395f4d !important; }

/* le sommaire de page, a 10 px et 4,22:1 */
.page-toc span, .in-page-nav span { font-size: .8125rem !important; }


/* ---- troisieme passe : on cesse de dependre d'un token ------------------------------
   `var(--deep)` ne vaut pas la meme chose selon la page : le bouton restait a 3,94:1.
   On ecrit la valeur, mesuree : blanc sur #35796f = 5,10:1. */
.nav-appointment,
.section-appointment {
  background: #35796f !important;
  color: #fff !important;
}
/* le sommaire lateral : 10 px et 4,22:1 */
.page-contents, .page-contents span, .page-contents a {
  font-size: .8125rem !important;
  color: #4a5a4a !important;
}
/* NOTE : une regle a ete retiree ici le 23/10. J'avais fonce le texte des cartes de
   service en le croyant pose sur un fond teinte ; il est pose sur une PHOTO sombre, et
   l'avoir fonce l'a fait tomber a 1,76:1. Le texte clair y est correct. */


/* ---- le bouton DANS la bande de contact ---------------------------------------------
   Il y a deux « Prendre rendez-vous » sur chaque page : celui de la navigation, deja
   traite, et celui-ci, sans classe, dans la bande de fin. Son vert #416c58 sur le vert
   clair du bouton donne 3,97:1 au bureau et 3,94:1 sur telephone, ou le fond change.
   Une seule encre passe sur les deux : #24534f. */
.contact-band a { color: #24534f !important; }


/* ---- les cartes de service sur telephone --------------------------------------------
   Sur grand ecran la photo couvre la carte ; sur telephone c'est l'aplat turquoise qu'on
   voit, et le texte clair n'y est qu'a 3,25:1. On fonce l'aplat, ce qui ne change rien
   la ou la photo le recouvre. */
.service-card { background: #3b7066 !important; }