/* ==========================================================================
   Polices — auto-hébergées, aucune requête vers un tiers.

   Un site qui vend « aucune dépendance » ne peut pas aller chercher ses
   polices chez Google : ce serait une dépendance de plus, et un transfert de
   données personnelles vers un tiers par-dessus le marché.

   Deux familles de la même superfamille, sous licence OFL :

   - Fira Code : titres, boutons, navigation, chiffres, code. La chasse fixe
                 est ce qui donne au site son air d'outil.
   - Fira Sans : prose longue (manifeste, documentation). Même squelette, mais
                 proportionnelle : lisible sur 3 000 mots, ce que Fira Code
                 n'est pas.

   Les fichiers sont des **sous-ensembles latins** : 8 fichiers pour 200 Ko au
   total, contre près de 700 Ko pour les familles complètes. Le site est en
   français ; le jour où il faut du grec ou du cyrillique, il faudra reprendre
   des fichiers complets.

   Pas de `local()` dans les `src`. La tentation est grande — Fira Code est
   installée sur la machine de développement — mais elle ferait rendre le site
   différemment pour nous et pour les visiteurs : version différente, jeu de
   glyphes différent, ligatures différentes. On préfère voir exactement ce que
   voit le public.
   ========================================================================== */

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/FiraCode-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/FiraCode-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/FiraCode-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/FiraCode-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/FiraSans-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/FiraSans-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/FiraSans-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/FiraSans-SemiBold.woff2') format('woff2');
}