@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("./fonts/atkinson-hyperlegible/AtkinsonHyperlegibleNextVF-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "Atkinson Hyperlegible Next",
               "Atkinson Hyperlegible",
               ui-sans-serif,
               system-ui,
               -apple-system,
               "Segoe UI",
               Roboto,
               Arial,
               "Noto Sans",
               "Liberation Sans",
               sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
}