/* Fonts */

html {
    font-size: 150%;
    font-family: system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: ui-rounded, sans-serif;
}

code, pre {
    font-family: ui-monospace, monospace;
}

/* Layout */

body {
    padding: 1rem;
    margin: 0 auto;
    max-width: 80rem;
}

dl, figcaption, footer, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin: 0.5rem 0;
}

/* Colors */

html {
    background: white;
    color: black;
    color-scheme: light dark;
}

:link, :visited {
    color: blue;
}

@media (prefers-color-scheme: dark) {
    html {
        background: #111;
        color: white;
    }
    :link, :visited {
        color: #ff6;
    }
}