/* =========================================================
   THÈME CLIENT — Les Crèches Câlines
   Seul fichier CSS à modifier pour un nouveau client :
   polices, couleurs, arrondis. lp.css ne contient aucune couleur en dur.
   Charte du site : Patrick Hand (titres manuscrits) + Bitter (texte),
   orange du logo #E65330, bleu ciel #D8EAF6, turquoise #7AC8D0, bleu acier #427AA1.
   ========================================================= */

/* Polices auto-hébergées (fichiers variables : un seul fichier par famille).
   Un navigateur ne télécharge une police que si la page l'utilise. */
@font-face { font-family: "Patrick Hand"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/patrick-hand-400.woff2") format("woff2"); }
@font-face { font-family: "Bitter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/bitter-var.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("../fonts/nunito-var.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/fraunces-var.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap; src: url("../fonts/dmsans-var.woff2") format("woff2"); }
/* Polices de repli calibrées : limite le décalage de mise en page (CLS) pendant le chargement */
@font-face { font-family: "Bitter Fallback"; src: local("Georgia"); size-adjust: 104%; ascent-override: 92%; descent-override: 25%; line-gap-override: 0%; }
@font-face { font-family: "Patrick Hand Fallback"; src: local("Segoe Print"), local("Comic Sans MS"), local("Arial"); size-adjust: 96%; ascent-override: 96%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: "Nunito Fallback"; src: local("Arial"); size-adjust: 101%; ascent-override: 100%; descent-override: 35%; line-gap-override: 0%; }
@font-face { font-family: "DM Sans Fallback"; src: local("Arial"); size-adjust: 99%; ascent-override: 97%; descent-override: 30%; line-gap-override: 0%; }
@font-face { font-family: "Fraunces Fallback"; src: local("Georgia"); size-adjust: 103%; ascent-override: 96%; descent-override: 26%; line-gap-override: 0%; }

:root {
  --font: "Bitter", "Bitter Fallback", Georgia, serif;
  --font-head: "Patrick Hand", "Patrick Hand Fallback", cursive;

  --brand: #3a6d90;          /* bleu acier du site, assombri pour le contraste AA */
  --brand-dark: #2b5170;
  --brand-soft: #d8eaf6;     /* bleu ciel du site */
  --brand-soft-2: #cededf;
  --accent: #d4431f;         /* orange du logo (#e65330), assombri pour le contraste AA sur les boutons */
  --accent-hover: #b93917;
  --accent-light: #f9a68a;   /* orange clair : icônes sur fond sombre */
  --turquoise: #7ac8d0;
  --orange: #e65330;         /* orange exact du logo : décor, pastilles */

  --text: #26171c;
  --muted: #5d5257;
  --bg: #ffffff;
  --bg-alt: #f3f8fc;
  --line: #e3e9ee;
  --error: #c0392b;

  --radius: 18px;
  --radius-btn: 100px;       /* boutons pilule comme le formulaire HubSpot du site */
}