@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;700&family=Source+Serif+4:wght@400;600;700&display=swap');

:root {
    --bg: #fafaf8;
    --surface: #ffffff;
    --text: #222;
    --muted: #666;
    --border: #ddd;
    --link: #0046cc;
    --link-hover: #002f88;

    --font-ui: "Atkinson Hyperlegible Next", sans-serif;
    --font-serif: "Source Serif 4", serif;

    --width: 44rem;

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 5rem;
}