@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');


:root {
    --font-stack-body: "Atkinson Hyperlegible Next", sans-serif;
    --font-stack-headings: "Atkinson Hyperlegible Next", sans-serif;
    --font-stack-monospace: "Courier New", monospace;
    /* Optional, if you want to keep code blocks unchanged */
}


/* Ensure all elements follow the font */
body,
.bd-container {
    font-family: var(--font-stack-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-stack-headings) !important;
}