/*
  LETTERTYPES — lokaal geserveerd, niets van een CDN.

  De bestanden staan in assets/fonts/ en komen met het thema mee. De site haalt
  dus nooit iets op bij Google, wat schelt in laadtijd en in AVG-gedoe.

  Drie families:

  - Fraunces  koppen. Variabel lettertype: één bestand dekt alle diktes van 300
              tot 900, plus de assen SOFT (hoe zacht de punten zijn) en WONK
              (de eigenwijze schuine varianten van de g en de y). Die assen
              zetten we in tokens.css, niet hier.
  - Figtree   lopende tekst, knoppen, eyebrows. Ook variabel, 300 tot 900.
  - Chelsie   handschrift. Eén dikte, en met opzet maar één bestand: dit is een
              accentletter voor losse woorden, nooit voor een hele zin.

  Per letter staan er twee bestanden: latin en latin-ext. Latin-ext bevat de
  letters die we in het Nederlands zelden nodig hebben, maar wel in namen
  ("Renée", "Łukasz"). De browser haalt dat tweede bestand alleen op als er
  echt zo'n teken op de pagina staat. Dat scheelt ongeveer 100 kB.

  font-display: swap zorgt dat de tekst meteen leesbaar is in de reserveletter
  en daarna omschakelt, in plaats van dat de bezoeker naar een lege plek kijkt.
*/

/* --- Fraunces — koppen, variabel 300-900 --------------------------------- */

@font-face {
	font-family: "Fraunces";
	src: url("../fonts/fraunces-latin.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	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+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Fraunces";
	src: url("../fonts/fraunces-latin-ext.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
		U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
		U+A720-A7FF;
}

@font-face {
	font-family: "Fraunces";
	src: url("../fonts/fraunces-italic-latin.woff2") format("woff2");
	font-weight: 300 900;
	font-style: italic;
	font-display: swap;
	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+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Figtree — lopende tekst, variabel 300-900 ---------------------------- */

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-latin.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	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+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-latin-ext.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
		U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
		U+A720-A7FF;
}

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-italic-latin.woff2") format("woff2");
	font-weight: 300 900;
	font-style: italic;
	font-display: swap;
	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+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Chelsie Hilton — handschrift, spaarzaam ----------------------------- */

@font-face {
	font-family: "Chelsie Hilton";
	src: url("../fonts/chelsie.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}