:root {
  --fundo: #f6fbf8;
  --texto: #17231d;
  --suave: #4a5a52;
  --marca: #1b7f5c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #121a16;
    --texto: #e6efe9;
    --suave: #a4b3ab;
    --marca: #5fcf9f;
  }
}
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main {
  max-width: 42rem;
  margin: 0 auto;
  padding: 2rem 16px 4rem;
}
h1 { font-size: 2rem; margin: 0 0 .25rem; color: var(--marca); }
h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; }
.lead { font-size: 1.2rem; color: var(--suave); margin-top: 0; }
.links, .rodape, .atualizado { color: var(--suave); }
a { color: var(--marca); }
ul { padding-left: 1.25rem; }