@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("../fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("../fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Italic-Variable.ttf") format("truetype");
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --font-ui: "Atkinson Hyperlegible Next", system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
    --font-size-panel-heading: 20px;
}