/* =========================
   TYPOGRAPHIE FLUIDE (clamp)
   ========================= */

/* Titres de héros / grandes sections (H1 / hero) */
.fs-fluid-hero {
  font-size: clamp(2rem, 1.6rem + 1.75vw, 2.5rem);
  line-height: 1.15;
}

/* Sous-titres / leads (intro, H2 courts, accroches) */
.fs-fluid-lead {
  font-size: clamp(1.1rem, 1rem + 0.6vw, 1.4rem);
  line-height: 1.55;
}

/* Petits badges / micro-texte (labels, chips) */
.fs-fluid-badge {
  font-size: clamp(0.8rem, 0.75rem + 0.3vw, 0.95rem);
  line-height: 1.25;
}

/* Texte courant — fluide & lisible */
p,
.text-body {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.65;
  margin-bottom: 1rem;
}

/* Petits textes (mentions, hints, légendes) */
.text-small {
  font-size: clamp(0.875rem, 0.85rem + 0.15vw, 0.95rem);
  line-height: 1.5;
}

/* Très petit (à réserver aux cas extrêmes) */
.text-ultra-small {
  font-size: clamp(0.75rem, 0.72rem + 0.1vw, 0.8125rem) !important; /* ~12px → 13px */
  line-height: 1.4;
}