/* Heop — la police d'affichage, auto-hebergee.
 *
 * POURQUOI ELLE EST ICI ET PAS CHEZ GOOGLE.
 *
 * La cible visuelle validee appelle Fraunces depuis fonts.googleapis.com. La
 * pile du projet est fermee : aucun CDN, aucune ressource tierce chargee a
 * l'execution. Julien a tranche — la maquette peut appeler Google (c'est un
 * document de travail), le PRODUIT auto-heberge.
 *
 * Ce n'est pas qu'une question de doctrine. Un appel a un tiers pour afficher un
 * titre, c'est : une resolution DNS et une poignee de main TLS de plus avant le
 * premier texte lisible, une dependance a la disponibilite d'un service qu'on ne
 * maitrise pas, et l'adresse IP de chaque visiteur transmise a ce service sans
 * qu'il l'ait demande. Le fichier pese 68 Ko : il arrive du meme serveur que le
 * reste, en meme temps que le reste.
 *
 * CE QUI EST SERVI :
 *   fraunces-latin-var.woff2 — police VARIABLE, sous-ensemble LATIN uniquement.
 *   Variable : un seul fichier couvre 500 a 700, au lieu de trois statiques.
 *   Latin seul : les sous-ensembles vietnamien et latin etendu ne sont pas
 *   telecharges — ils auraient double le poids pour des glyphes que ce site
 *   n'affiche pas.
 *
 * font-display: swap — le texte s'affiche IMMEDIATEMENT dans la police de repli,
 * puis bascule. L'alternative (block) laisse un titre invisible jusqu'a trois
 * secondes. Un titre qu'on ne voit pas ne vaut pas une belle typographie.
 *
 * Le repli declare est Georgia, un serif present sur la quasi-totalite des
 * systemes : la bascule se voit peu parce que les deux ont des proportions
 * proches. La cible declare le meme.
 *
 * Licence : SIL Open Font License 1.1 — texte integral dans
 * static/fonts/fraunces/OFL.txt, versionne avec la police comme la licence
 * l'exige. Origine et version : voir BRAND_ASSETS.md.
 */

@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url("../../fonts/fraunces/fraunces-latin-var.069cb90e11a3.woff2") format('woff2');
    /* La meme plage que le sous-ensemble telecharge : sans elle, le navigateur
       telechargerait le fichier pour afficher un caractere qu'il ne contient
       pas, puis retomberait sur le repli — le pire des deux mondes. */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}

:root {
    /* La police d'AFFICHAGE : titres et accroches. Le corps de texte reste sur
       la pile systeme, qui est plus lisible en petit et ne coute rien. */
    --ui-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
}
