:root {
    --developing-bg-color: #eeeeee;
    --developing-text-color: #222222;
}

@media (prefers-color-scheme: dark) {
    :root {
        --developing-bg-color: #222222;
        --developing-text-color: #eeeeee;
    }
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--developing-bg-color);
}

h1,
p,
a {
    color: var(--developing-text-color);
}