/* =========================================================
   THÈME CLIENT — Maleo Energies
   Seul fichier CSS « client » avec skin-maleo.css :
   couleurs, polices, arrondis. lp.css ne contient aucune couleur en dur.
   Charte reprise du logo : vert sapin #013f34 + corail #ff6647.
   ========================================================= */

/* Inter (variable 400→700) : texte courant · Poppins : titres */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/inter-var.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"); }
/* Polices de repli calibrées : évitent le décalage de mise en page (CLS) au chargement */
@font-face { font-family: "Inter Fallback"; src: local("Arial"); size-adjust: 107%; ascent-override: 90%; descent-override: 22%; line-gap-override: 0%; }
@font-face { font-family: "Poppins Fallback"; src: local("Arial"); size-adjust: 112%; ascent-override: 93%; descent-override: 31%; line-gap-override: 0%; }

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

  --brand: #013f34;          /* vert sapin du logo */
  --brand-dark: #012d25;
  --brand-2: #0a4a3d;        /* vert des aplats */
  --brand-soft: #e3eee9;     /* vert très clair */
  --brand-soft-2: #cfe2da;
  --accent: #cf4420;         /* corail du logo assombri : texte blanc AA (4.7:1) sur les boutons */
  --accent-hover: #b33a1b;
  --accent-text: #e2522d;    /* corail des grands titres sur fond clair (AA grand texte) */
  --accent-light: #ff6647;   /* corail du logo (sur fond vert : 4.1:1, grands textes et icônes) */
  --accent-soft: #fdebe5;

  --text: #16302a;
  --muted: #56655f;
  --bg: #ffffff;
  --bg-alt: #f6f4ef;         /* crème de la maquette */
  --line: #e4e1d8;
  --error: #c0392b;

  --radius: 16px;
  --radius-btn: 100px;       /* boutons pilule comme sur la maquette */
}