/* variables.css — toutes les valeurs réutilisables du site */
/* Palette et échelles relevées sur hellobetter.fr (vert sauge/menthe, blanc, touches chaudes) */

:root {
  /* ---- Couleurs ---- */
  /* Texte */
  --couleur-texte: #363b3b;          /* anthracite doux (texte principal) */
  --couleur-texte-doux: #596666;     /* graphite (textes secondaires) */

  /* Verts de marque */
  --couleur-principale: #037d6b;     /* moss (boutons, liens) */
  --couleur-principale-foncee: #00574a; /* forest (survol, titre hero) */
  --couleur-vif: #26bda6;            /* eucalyptus (accents) */
  --couleur-menthe-claire: #9ee3d9;  /* peppermint (fonds doux, puces) */
  --couleur-menthe-pale: #d8f4f0;    /* peppermint clair (fonds de puces) */

  /* Fonds */
  --couleur-fond: #ffffff;           /* blanc */
  --couleur-fond-clair: #f5f7f7;     /* gris très clair (sections) */
  --couleur-creme: #f5f2ea;          /* crème (courbes décoratives) */

  /* Accents chauds */
  --couleur-ambre: #f2b54f;          /* jaune ambré (petites touches) */
  --couleur-peche: #ffc7b2;          /* pêche (illustrations douces) */

  /* Bordures */
  --couleur-bordure: #d6e3e3;

  /* ---- Polices ---- */
  --police-titre: 'Poppins', sans-serif;  /* remplace « Corda » (proche visuellement) */
  --police-texte: 'DM Sans', sans-serif;  /* identique au modèle */

  /* ---- Espacements ---- */
  --espace-section: 80px;
  --largeur-max: 1210px;

  /* ---- Divers ---- */
  --rayon-bouton: 999px;   /* boutons en pilule */
  --rayon-carte: 24px;     /* coins très arrondis des cartes */
  --ombre-carte: 0 12px 32px rgba(54, 59, 59, 0.08);
}