:root { --fundo:#fff; --texto:#1d2433; --suave:#5b6577; --destaque:#0f766e; --faixa:#f2f6f5; --borda:#d9e2e0; }
@media (prefers-color-scheme: dark) {
  :root { --fundo:#10161c; --texto:#e8edf2; --suave:#9aa6b5; --destaque:#4fd1c0; --faixa:#18212a; --borda:#2a3744; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--fundo); color:var(--texto); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main, header, footer { max-width:42rem; margin:0 auto; padding:0 16px; }
header { padding-top:28px; padding-bottom:8px; }
header a { color:var(--destaque); font-weight:700; font-size:1.25rem; text-decoration:none; }
h1 { font-size:1.9rem; line-height:1.2; margin:28px 0 12px; }
h2 { font-size:1.2rem; margin:32px 0 8px; }
p, li { color:var(--texto); }
.suave { color:var(--suave); }
.faixa { background:var(--faixa); border:1px solid var(--borda); border-radius:12px; padding:14px 16px; margin:24px 0; }
a { color:var(--destaque); }
footer { padding-top:32px; padding-bottom:40px; color:var(--suave); font-size:.9rem; border-top:1px solid var(--borda); margin-top:40px; }