html {
    /* 62.5% makes 1rem = 10px, so the rem values above read in px. */
    font-size: 62.5%;
}

body {
    background-color: var(--bg);

    color: var(--text);

    font-family: system-ui, -apple-system, "Segoe UI", roboto, sans-serif;
    font-size: var(--font-base);
}

a:hover {
    color: var(--accent);
}