:root {
    --paragraph__family: "Atkinson Hyperlegible Next", "sans-serif";
    --paragraph__normal:  400;
    --paragraph__bold:    700;
    --headline__family:  "Atkinson Hyperlegible Next", "sans-serif";
    --headline__weight:   800;

    --font-family-text: "Atkinson Hyperlegible Next", sans-serif;
    --font-family-headline: "Atkinson Hyperlegible Next", sans-serif;
    --font-weight-text-normal: 400;
    --font-weight-text-bold: 700;
    --font-weight-headline: 800;
}
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("fonts/Atkinson_Hyperlegible_Next_800.woff2");
}
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("fonts/Atkinson_Hyperlegible_Next_400.woff2");
}
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("fonts/Atkinson_Hyperlegible_Next_700.woff2");
}