:root{
  --papel:#faf8f5; --tinta:#1c1a17; --suave:#5d574e;
  --linha:#e2ddd5; --acento:#1f4d3f;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --papel:#14130f; --tinta:#eeeae3; --suave:#a49c90;
    --linha:#2d2a25; --acento:#7fb8a3;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--papel); color:var(--tinta);
  font:16px/1.65 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  -webkit-font-smoothing:antialiased;
}
.folha{max-width:44rem;margin:0 auto;padding:4rem 16px 6rem}
header{border-bottom:1px solid var(--linha);padding-bottom:1.5rem;margin-bottom:2.5rem}
.marca{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acento);
  font-family:ui-sans-serif,-apple-system,"Segoe UI",sans-serif;font-weight:600}
h1{font-size:2rem;line-height:1.2;margin:.6rem 0 .4rem;font-weight:600}
h2{font-size:1.15rem;margin:2.6rem 0 .7rem;font-weight:600}
p,li{color:var(--tinta)}
.data{color:var(--suave);font-size:.9rem;
  font-family:ui-sans-serif,-apple-system,"Segoe UI",sans-serif}
ul{padding-left:1.2rem}
li{margin:.45rem 0}
a{color:var(--acento)}
code{background:var(--linha);padding:.1em .35em;border-radius:3px;font-size:.9em}
footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--linha);
  color:var(--suave);font-size:.9rem;
  font-family:ui-sans-serif,-apple-system,"Segoe UI",sans-serif}
footer a{margin-right:1.2rem}