:root { color-scheme: light dark; --texto: #1a1a1a; --fundo: #ffffff; --fraco: #5c5c5c; --link: #0b4f9e; --traco: #d9d9d9; }
@media (prefers-color-scheme: dark) { :root { --texto: #e8e8e8; --fundo: #151515; --fraco: #a3a3a3; --link: #8ab8f0; --traco: #3a3a3a; } }
* { box-sizing: border-box; }
body { margin: 0; padding: 0 16px; background: var(--fundo); color: var(--texto); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
main, footer { max-width: 42rem; margin: 0 auto; }
main { padding: 48px 0 32px; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 8px; }
h2 { font-size: 1.1rem; margin: 32px 0 8px; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 1.3rem; }
a { color: var(--link); }
footer { border-top: 1px solid var(--traco); padding: 16px 0 40px; color: var(--fraco); font-size: 0.9rem; }