:root {
    --bg: #F8FFF9;
    --text: black;
    --link: blue;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #262626;
        --text: white;
        --link: red;
    }
}

body.dark {
    --bg: #262626;
    --text: white;
    --link: orange;
}

body.light {
    --bg: #F8FFF9;
    --text: black;
    --link: red;
}

body {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    font-family: monospace;
    background: var(--bg);
    color: var(--text);
    margin: 2vw;
}

a {
    color: var(--link);
    text-decoration: underline;
}