/*
  Typographie commune d'Out of the Box, alignee sur la page d'accueil.
  Chargee apres les styles propres a chaque page : elle ne touche qu'a la
  typographie (familles, graisses, italiques, interlettrage).
  - Titres : Fraunces en graisse moyenne, droite, resserree (axe optique).
  - Texte : DM Sans.
  Les graisses 700 a 900 des anciens gabarits sont plafonnees a 600 sans
  faux gras (font-synthesis), l'italique reste reserve aux accents (em).
*/
:root {
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { font-synthesis-weight: none; font-synthesis: style; }
body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; }

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -0.02em;
  font-variation-settings: "opsz" 120;
}
h1 { letter-spacing: -0.03em; font-variation-settings: "opsz" 144; line-height: 1.06; }
h4 { font-family: var(--font-body); }
h1 em, h2 em, h3 em, h1 .accent, h2 .accent, h3 .accent, h1 i, h2 i { font-style: italic !important; }

/* Titres d'articles et de sections longues : lisibilite du corps de texte */
p, li { font-family: var(--font-body); }