:root {
    color-scheme: light dark;
    --link-color: #df00df;
}

body {
    font-family: serif;
    font-size: 1.2em;
    line-height: 1.9;

    color:      light-dark(#001f00, #dfdfdf);
    background: light-dark(#efefef, #0f0f0f);
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

body > * {
    max-width: 45em;
    margin-left: 2em;
    margin-right: 2em;
}

header {
    min-height: 5em;
}

main {
    flex: 1;
}

footer {
    padding-bottom: 1.5em;
}

a         { color: var(--link-color); }
a:visited { color: var(--link-color); }

a       { text-decoration: none; }
a:hover { text-decoration: underline; }