:root {
    --bg: #fafafa;
    --fg: #1a1a1a;
    --muted: #5c5c5c;
    --link: #0b57d0;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #141414;
        --fg: #ececec;
        --muted: #a8a8a8;
        --link: #8ab4f8;
    }
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
    background: var(--bg);
    color: var(--fg);
    font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

main { max-width: 34rem; }

h1 { margin: 0 0 0.5rem; font-size: 2rem; letter-spacing: -0.02em; }

p { margin: 0 0 0.75rem; color: var(--muted); }

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