:root { color-scheme: light dark; --texto: #1a1a1a; --fundo: #ffffff; --suave: #555; }
@media (prefers-color-scheme: dark) { :root { --texto: #f2f2f2; --fundo: #121212; --suave: #aaa; } }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 16px/1.6 system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px; }
h1 { font-size: 1.8rem; } h2 { font-size: 1.2rem; margin-top: 2rem; }
p, li { color: var(--texto); } small, footer { color: var(--suave); }
a { color: inherit; }