@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: oblique -16deg 0deg;
}

/* Typographie ——————————————————————— */
:root {
  /* Familles de polices */
  --ff-primary: "Inter", "Helvetica", "Verdana", "Arial", "Roboto", sans-serif;
  --ff-headings: "Atkinson Hyperlegible Next", sans-serif;
  --fs-paragraph-intro: var(--fs-heading-2);

  /* Tailles de police */
  /* Échelle primitive (valeurs brutes) */
  --font-size-100: 0.75rem;
  --font-size-200: 0.875rem;
  --font-size-300: 1rem;
  --font-size-400: 1.25rem;
  --font-size-500: 1.5rem;
  --font-size-600: 2rem;

  --fs-body: clamp(0.875rem, 1.25vw + 1px, 1rem);
  --fs-small: clamp(0.75rem, 0.5vw + 0.625rem, 0.875rem);
  --fs-smallest: clamp(0.7rem, 0.5vw + 0.625rem, 0.75rem);
  --fs-heading-1: clamp(1.25rem, 1.5vw + 1rem, 2rem);
  --fs-heading-2: clamp(1.125rem, 1.25vw + 1rem, 1.25rem);
  --fs-heading-3: clamp(1rem, 1vw + 1px, 1.125rem);
  --fs-footer: clamp(0.875rem, 1vw + 1px, 1rem);
}

p {
  line-height: 1.45;
}