/* =========================================================
   FootValue — Échelle typographique publique unifiée
   Version : public-typography-v1
   ========================================================= */

:root{
  --fv-type-display: clamp(2.625rem, 4vw, 3.625rem);   /* 42 → 58 px */
  --fv-type-section: clamp(1.875rem, 2.8vw, 2.25rem); /* 30 → 36 px */
  --fv-type-card: clamp(1.25rem, 1.7vw, 1.5rem);      /* 20 → 24 px */
  --fv-type-lead: clamp(1.0625rem, 1.25vw, 1.125rem); /* 17 → 18 px */

  --fv-leading-display: 1.03;
  --fv-leading-section: 1.08;
  --fv-leading-card: 1.18;
  --fv-leading-lead: 1.62;

  --fv-tracking-display: -0.055em;
  --fv-tracking-section: -0.045em;
  --fv-tracking-card: -0.025em;
}

/* Classes réutilisables pour les futurs templates. */
.fv-type-display{
  font-size:var(--fv-type-display);
  line-height:var(--fv-leading-display);
  letter-spacing:var(--fv-tracking-display);
  text-wrap:balance;
}
.fv-type-section{
  font-size:var(--fv-type-section);
  line-height:var(--fv-leading-section);
  letter-spacing:var(--fv-tracking-section);
  text-wrap:balance;
}
.fv-type-card{
  font-size:var(--fv-type-card);
  line-height:var(--fv-leading-card);
  letter-spacing:var(--fv-tracking-card);
}
.fv-type-lead{
  font-size:var(--fv-type-lead);
  line-height:var(--fv-leading-lead);
}

@media (max-width:640px){
  :root{
    --fv-type-display:clamp(2.25rem, 10vw, 2.625rem); /* 36 → 42 px */
    --fv-type-section:clamp(1.75rem, 8vw, 2rem);      /* 28 → 32 px */
    --fv-type-card:clamp(1.1875rem, 5.5vw, 1.375rem);
    --fv-leading-display:1.06;
    --fv-leading-section:1.11;
  }
}

/* =========================================================
   FootValue — Petites tailles lisibles
   Une seule source de vérité pour les libellés et légendes.
   ========================================================= */
:root{
  --fv-type-micro:.75rem;    /* 12 px — uniquement interfaces très contraintes */
  --fv-type-xs:.8125rem;     /* 13 px — libellés, métadonnées, légendes */
  --fv-type-sm:.875rem;      /* 14 px — textes secondaires */
  --fv-type-caption:.9375rem;/* 15 px — descriptions compactes */

  --fv-leading-micro:1.35;
  --fv-leading-xs:1.45;
  --fv-leading-sm:1.5;
  --fv-leading-caption:1.55;
}

.fv-type-micro{font-size:var(--fv-type-micro);line-height:var(--fv-leading-micro)}
.fv-type-xs{font-size:var(--fv-type-xs);line-height:var(--fv-leading-xs)}
.fv-type-sm{font-size:var(--fv-type-sm);line-height:var(--fv-leading-sm)}
.fv-type-caption{font-size:var(--fv-type-caption);line-height:var(--fv-leading-caption)}