:root { --fundo: #faf8f4; --texto: #2b2722; --suave: #6b635a; --link: #7a4a2a; }
@media (prefers-color-scheme: dark) {
  :root { --fundo: #1d1b19; --texto: #ece6de; --suave: #a89f94; --link: #e0a77f; }
}
body { margin: 0; background: var(--fundo); color: var(--texto);
  font: 17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 36rem; margin: 0 auto; padding: 2.5rem 16px 4rem; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 1.5rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
p, li { margin: 0 0 .9rem; }
a { color: var(--link); }
.rodape { margin-top: 3rem; color: var(--suave); font-size: .9rem; }