:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.7; background: #fff9f6; color: #3a2229; }
main { max-width: 720px; margin: 40px auto; padding: 24px; } h1 { line-height: 1.2; } p { margin: 24px 0; } a { color: #8e2a4a; } a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; } nav { margin-top: 32px; }
@media(prefers-color-scheme:dark) { :root { background:#1b1316; color:#f7eaec; } a { color:#f6b7c7; } }