/* fonts.css — polices servies depuis le serveur, jamais depuis un CDN.

   Deux familles, sous licence SIL OFL, copiées dans assets/vendor/fonts/ :
   - Cormorant Garamond : la serif de titrage (fine, contrastée, son italique fait le
     « élégance » de l'accroche) ;
   - Lato : la sans humaniste du texte courant, de la navigation et des formulaires.

   Seules les graisses réellement utilisées sont déclarées : chaque fichier est une
   requête de plus au premier affichage. Sous-ensemble latin uniquement.

   `font-display: swap` : le texte s'affiche tout de suite avec la police de secours puis
   bascule. Une page blanche le temps du téléchargement coûte plus cher qu'un changement
   de police à la deuxième seconde.

   Déclaré ici pour toute l'application, mais seul le webshop s'en sert (contexts.css) :
   un @font-face qu'aucune règle n'utilise n'est jamais téléchargé. */

@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-300-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../vendor/fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Lato"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("../vendor/fonts/lato-latin-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../vendor/fonts/lato-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../vendor/fonts/lato-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Lato"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../vendor/fonts/lato-latin-400-italic.woff2") format("woff2");
}
