/* ProxiLeaf — Design tokens (NODE-4 identité visuelle)
   Palette dérivée du logo : bleu eau + vert feuille + jaune soleil. */
:root {
  /* Couleurs de marque */
  --c-eau:        #4FA3D1;   /* bleu eau, primaire */
  --c-eau-clair:  #8FCDE8;
  --c-eau-fonce:  #2E7BA6;
  --c-feuille:    #8DC63F;   /* vert feuille, secondaire */
  --c-feuille-fonce:#6FA32E;
  --c-soleil:     #FFD400;   /* jaune soleil, accent */

  /* Neutres */
  --c-encre:      #243640;   /* texte principal */
  --c-gris:       #5B6B73;   /* texte secondaire */
  --c-fond:       #F6FBF8;   /* fond de page */
  --c-fond-alt:   #ECF5F0;   /* sections alternées */
  --c-blanc:      #FFFFFF;
  --c-bordure:    #DCE8E2;

  /* Typographie : titres expressifs + corps neutre lisible */
  --font-titre: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-corps: "Inter", "Segoe UI", system-ui, sans-serif;

  /* Échelle */
  --maxw: 1120px;
  --r:    14px;          /* rayon de coin */
  --sp:   clamp(3rem, 7vw, 6rem); /* respiration verticale des sections */
  --shadow: 0 10px 30px rgba(36,54,64,.10);

  /* Dégradés signature */
  --grad-eau: linear-gradient(135deg, var(--c-eau-clair), var(--c-eau));
  --grad-hero: linear-gradient(160deg, #EAF6FB 0%, #F2FAEE 60%, #FFFFFF 100%);
}