/* Self-hosted fonts (latin subset). Choose one with the NOMADS_FONT setting; it is
   written to <html data-font="...">. Browsers only download a face that is used, so
   unused fonts cost nothing. To add a font: drop a .woff2 in fonts/, add an
   @font-face and a :root[data-font] rule below. */

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/source-sans-3.woff2") format("woff2");
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("fonts/lora.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("fonts/figtree.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: "Lexend";
  src: url("fonts/lexend.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url("fonts/public-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root[data-font="atkinson"] {
  --bulma-family-primary: "Atkinson Hyperlegible", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="inter"] {
  --bulma-family-primary: "Inter", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="source-sans"] {
  --bulma-family-primary: "Source Sans 3", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="lora"] {
  --bulma-family-primary: "Lora", Georgia, serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="figtree"] {
  --bulma-family-primary: "Figtree", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="lexend"] {
  --bulma-family-primary: "Lexend", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
:root[data-font="public-sans"] {
  --bulma-family-primary: "Public Sans", system-ui, sans-serif;
  --bulma-family-secondary: var(--bulma-family-primary);
}
/* data-font="system" (or anything unrecognised) keeps Bulma's default stack. */
