/*
  Font variants for the landing page. Only the family actually used gets downloaded.
  Butler by Fabian De Smet (www.fabiandesmet.com), free for commercial use, served unmodified (see Butler-EULA.pdf).
  Kelvinch, Oranienbaum, Linux Libertine, Goudy Bookletter 1911 and Creato Display: SIL Open Font License, subset to Latin.
  Alte Haas Grotesk by Yann Le Coroller: 100% free.
  Fonts without a real italic map italic to the upright file so the browser never fakes a slant.
*/

/* Display families */
/* Gelasio (SIL OFL): metric-compatible with Georgia; the page default. */
@font-face { font-family: "Gelasio"; src: url("../fonts/gelasio-regular.woff2") format("woff2"); font-weight: 400 599; font-style: normal; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("../fonts/gelasio-bold.woff2") format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("../fonts/gelasio-italic.woff2") format("woff2"); font-weight: 400 599; font-style: italic; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("../fonts/gelasio-bold-italic.woff2") format("woff2"); font-weight: 600 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Butler"; src: url("../fonts/Butler-Free-Med.woff2") format("woff2"); font-weight: 400 599; font-style: normal; font-display: swap; }
@font-face { font-family: "Butler"; src: url("../fonts/Butler-Free-Bd.woff2") format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Butler"; src: url("../fonts/Butler-Free-Med.woff2") format("woff2"); font-weight: 400 599; font-style: italic; font-display: swap; }
@font-face { font-family: "Butler"; src: url("../fonts/Butler-Free-Bd.woff2") format("woff2"); font-weight: 600 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Kelvinch"; src: url("../fonts/kelvinch-regular.woff2") format("woff2"); font-weight: 400 599; font-style: normal; font-display: swap; }
@font-face { font-family: "Kelvinch"; src: url("../fonts/kelvinch-bold.woff2") format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Kelvinch"; src: url("../fonts/kelvinch-italic.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Oranienbaum"; src: url("../fonts/oranienbaum.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Oranienbaum"; src: url("../fonts/oranienbaum.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Linux Libertine"; src: url("../fonts/libertine-display.woff2") format("woff2"); font-weight: 400 549; font-style: normal; font-display: swap; }
@font-face { font-family: "Linux Libertine"; src: url("../fonts/libertine-semibold.woff2") format("woff2"); font-weight: 550 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Linux Libertine"; src: url("../fonts/libertine-semibold-italic.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Goudy Bookletter"; src: url("../fonts/goudy-bookletter.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Goudy Bookletter"; src: url("../fonts/goudy-bookletter.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }

/* Body families */
@font-face { font-family: "Creato Display"; src: url("../fonts/creato-regular.woff2") format("woff2"); font-weight: 300 449; font-style: normal; font-display: swap; }
@font-face { font-family: "Creato Display"; src: url("../fonts/creato-medium.woff2") format("woff2"); font-weight: 450 599; font-style: normal; font-display: swap; }
@font-face { font-family: "Creato Display"; src: url("../fonts/creato-bold.woff2") format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Alte Haas Grotesk"; src: url("../fonts/altehaas-regular.woff2") format("woff2"); font-weight: 300 549; font-style: normal; font-display: swap; }
@font-face { font-family: "Alte Haas Grotesk"; src: url("../fonts/altehaas-bold.woff2") format("woff2"); font-weight: 550 900; font-style: normal; font-display: swap; }

/* Variants: set on <html> for the page, or on any element for specimens */
:root[data-font="gelasio"], [data-font="gelasio"] {
  --font-display: "Gelasio", Georgia, serif;
  --font-body: "Creato Display", system-ui, sans-serif;
  --display-tracking: -.01em;
}
:root[data-font="butler"], [data-font="butler"] {
  --font-display: "Butler", Georgia, serif;
  --font-body: "Creato Display", system-ui, sans-serif;
  --display-tracking: -.02em;
}
:root[data-font="kelvinch"], [data-font="kelvinch"] {
  --font-display: "Kelvinch", Georgia, serif;
  --font-body: "Creato Display", system-ui, sans-serif;
  --display-tracking: -.01em;
}
:root[data-font="oranienbaum"], [data-font="oranienbaum"] {
  --font-display: "Oranienbaum", Georgia, serif;
  --font-body: "Alte Haas Grotesk", system-ui, sans-serif;
  --display-tracking: .005em;
  --display-size-adjust: .47;
}
:root[data-font="libertine"], [data-font="libertine"] {
  --font-display: "Linux Libertine", Georgia, serif;
  --font-body: "Alte Haas Grotesk", system-ui, sans-serif;
  --display-tracking: -.01em;
}
:root[data-font="goudy"], [data-font="goudy"] {
  --font-display: "Goudy Bookletter", Georgia, serif;
  --font-body: "Creato Display", system-ui, sans-serif;
  --display-tracking: -.005em;
}