*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --color-bg: #eee;
    --color-fg: #000;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #111;
        --color-fg: #eee;
    }
}

html {
    background: var(--color-bg);
    color: var(--color-fg);
}

body {
    max-width: 900px;
    margin: 0 auto;
    font-family: sans-serif;
}