:root { color-scheme: light dark; --bg: #f8f6f2; --text: #1d2b27; --muted: #5d6b66; --link: #1f6f5c; }
@media (prefers-color-scheme: dark) { :root { --bg: #121a17; --text: #e8efec; --muted: #9bb0a8; --link: #6fcfb4; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.6 -apple-system, system-ui, "Segoe UI", sans-serif; }
main, footer { max-width: 44rem; margin: 0 auto; padding: 1.5rem 1rem; }
h1, h2, h3 { line-height: 1.25; margin: 1.6em 0 .5em; }
h1 { font-size: 1.9rem; margin-top: .5em; } h2 { font-size: 1.35rem; } h3 { font-size: 1.1rem; }
a { color: var(--link); } .muted, footer { color: var(--muted); font-size: .9rem; }
footer { border-top: 1px solid color-mix(in srgb, var(--muted) 30%, transparent); }
.logo { display: block; border-radius: 16px; margin-top: 1rem; }