@font-face {
  font-family: Atkinson Hyperlegible Next;
  src: url(fonts/AtkinsonHyperlegibleNext.ttf);
}

@font-face {
  font-family: Atkinson Hyperlegible Mono;
  src: url(fonts/AtkinsonHyperlegibleMono.ttf);
}

:root {
    --white: #ffffff;
    --black: #000000;
}

body {
    font-family: "Atkinson Hyperlegible Next";
    background: var(--white);
    color: var(--black);
}

a {
    color: var(--black);
}

@media (prefers-color-scheme: dark) {
    body {
        background: var(--black);
        color: var(--white);
    }

    a {
        color: var(--white);
    }
}