/* Dax, police du logo : tous les titres (titres de page, de bloc, de cartes, titre de la barre du haut).
   Une seule graisse (Regular) et pas d'italique : la hiérarchie des titres passe par la taille et la couleur. */
@font-face { font-family: "Dax"; src: url("fonts/Dax.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

/* Satoshi, police du texte, des chiffres et des libellés : les dix fichiers réels, chargés sur toutes les pages.
   Chaque graisse et chaque italique vient de son propre fichier : le navigateur n'invente jamais
   de faux gras ni de fausse italique. Rôles (brand book) :
   Light 300 chapeaux, sous-titres, compteurs · Regular 400 texte · Medium 500 sur-titres, libellés
   Bold 700 mots-clés, boutons · Black 900 chiffre héros, échantillon · Italique : légendes, notes. Titres : Dax. */
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-LightItalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-MediumItalic.otf") format("opentype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-BoldItalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-Black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("fonts/Satoshi-BlackItalic.otf") format("opentype"); font-weight: 900; font-style: italic; font-display: swap; }

/* font-display: swap ci-dessus, mais theme.js garde la page invisible tant que Dax et Satoshi ne sont pas chargées :
   on ne voit jamais le texte en police de secours (au-delà de 3 s, la page s'affiche quand même). */

/* Jamais de faux gras ni de fausse italique : si un style manquait, le navigateur prendrait le fichier le plus proche. */
html { font-synthesis: none; }