@font-face {
  font-family: "Zilla Slab";
  src: url(../../fonts/ZillaSlab-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zilla Slab";
  src: url(../../fonts/ZillaSlab-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Zilla Slab";
  src: url(../../fonts/ZillaSlab-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zilla Slab";
  src: url(../../fonts/ZillaSlab-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson";
  src: url(../../fonts/AtkinsonHyperlegibleNextVF-Variable.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-feature-settings: "ordn", "frac", "kern";
}

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

html {
  --heading-stack: "Zilla Slab", sans-serif;
  --body-stack: Atkinson, sans-serif;
  --monospace-stack: Atkinson Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
}

table {
  font-feature-settings: "tnum", "ordn", "frac", "kern";
}