:root {
  --tinta: #1a1a1a;
  --tinta-suave: #555;
  --fundo: #fbfaf8;
  --papel: #fff;
  --linha: #e4e0d8;
  --destaque: #8a6a2f;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--tinta);
  background: var(--fundo);
}
.envelope { max-width: 46rem; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
header.topo { border-bottom: 1px solid var(--linha); padding-bottom: 1.5rem; margin-bottom: 2.5rem; }
.marca { font-weight: 600; letter-spacing: .02em; text-decoration: none; color: var(--tinta); }
.marca span { color: var(--destaque); }
h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 .4rem; }
h2 { font-size: 1.15rem; margin: 2.5rem 0 .6rem; }
.data { color: var(--tinta-suave); font-size: .9rem; margin: 0 0 2rem; }
p, li { color: #2b2b2b; }
ul { padding-left: 1.2rem; }
li { margin-bottom: .4rem; }
a { color: var(--destaque); }
.aviso {
  background: var(--papel);
  border: 1px solid var(--linha);
  border-left: 3px solid var(--destaque);
  padding: 1rem 1.2rem;
  margin: 1.5rem 0;
}
.aviso p { margin: 0; }
footer.rodape {
  margin-top: 3.5rem; padding-top: 1.5rem;
  border-top: 1px solid var(--linha);
  color: var(--tinta-suave); font-size: .88rem;
}
footer.rodape a { margin-right: 1rem; }
@media (prefers-color-scheme: dark) {
  :root { --tinta: #ececec; --tinta-suave: #a0a0a0; --fundo: #16150f; --papel: #1e1d16; --linha: #33312a; --destaque: #d4af6a; }
  p, li { color: #dcdcdc; }
}