/* =========================================================
   THÈME CLIENT — Piscine O Jardin
   Seul fichier CSS à modifier pour un nouveau client :
   couleurs, police, arrondis. lp.css ne contient aucune couleur en dur.
   ========================================================= */

@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lato-400.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/lato-700.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/lato-900.woff2") format("woff2"); }
/* Poppins : titres du site (téléchargée uniquement par les pages qui l'utilisent) */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-700.woff2") format("woff2"); }
@font-face { font-family: "Poppins Fallback"; src: local("Arial"); size-adjust: 112%; ascent-override: 93%; descent-override: 31%; line-gap-override: 0%; }
/* Police de repli calibrée sur Lato : évite le décalage de mise en page (CLS) au chargement */
@font-face { font-family: "Lato Fallback"; src: local("Arial"); size-adjust: 97%; ascent-override: 101%; descent-override: 22%; line-gap-override: 0%; }

:root {
  --font: "Lato", "Lato Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

  --brand: #014674;          /* bleu marine du site */
  --brand-dark: #01324f;
  --brand-soft: #cfeaf3;     /* bleu clair du site */
  --brand-soft-2: #badcea;
  --accent: #4e8221;         /* vert du logo, assombri pour le contraste AA */
  --accent-hover: #3e6a1a;
  --accent-light: #9bbc7a;   /* vert du logo */

  --text: #1e293b;
  --muted: #55657a;
  --bg: #ffffff;
  --bg-alt: #f3f8fb;
  --line: #dbe5ec;
  --error: #c0392b;

  --radius: 14px;
  --radius-btn: 100px;       /* boutons pilule comme sur le site */
}