:root {
    color-scheme: dark light;
    --bg: #0b0d10;
    --ink: #eef1f4;
    --muted: #9aa3ad;
    --accent: #c5ccd4;
    --font: "Segoe UI", "Helvetica Neue", sans-serif;
    --display: "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;
    --line: rgba(197, 204, 212, 0.22);
    --metal: linear-gradient(105deg, #8a939c 0%, #e8edf2 28%, #ffffff 42%, #b4bcc6 55%, #9aa3ad 72%, #dce2e8 100%);
}

@media (prefers-color-scheme: light) {
    :root {
        --bg: #e7ebf0;
        --ink: #1c2128;
        --muted: #5c6570;
        --accent: #6d7680;
        --line: rgba(28, 33, 40, 0.12);
        --metal: linear-gradient(105deg, #4a525c 0%, #8b949e 28%, #c5ccd3 42%, #6a7380 58%, #2f353c 100%);
    }
}

html, body.james-body {
    min-height: 100%;
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font);
}