:root {
    --background: #ffffff;
    --text: #1a1a1a;
    --max-width: 680px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: #1a1a1a;
        --text: #e8e8e8;
    }
}

body {
    background-color: var(--background);
    color: var(--text);
    font-family: Georgia, serif;
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: var(--max-width);
    margin: 3rem auto;
    padding: 0 1.5rem;
}

p {
    margin: 0 0 1.5rem 0;
}

code {
    font-family: ui-monospace, "Menlo", "Consolas", monospace;
    font-size: 0.95em;
}