:root { --fundo:#fafaf9; --texto:#1c1917; --suave:#57534e; --borda:#e7e5e4; --acento:#2563eb; }
@media (prefers-color-scheme: dark) { :root { --fundo:#1c1917; --texto:#f5f5f4; --suave:#a8a29e; --borda:#44403c; --acento:#60a5fa; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--fundo); color:var(--texto); font:17px/1.6 system-ui, sans-serif; }
main, header, footer { max-width: 46rem; margin: 0 auto; padding: 1rem; }
header { display:flex; align-items:center; gap:.6rem; }
header a { color: inherit; text-decoration: none; font-weight: 800; }
h1 { font-size: 2.1rem; line-height: 1.2; }
p, li { color: var(--suave); }
a { color: var(--acento); }
.botao { display:inline-block; padding:.7rem 1.1rem; border-radius:.5rem; background:var(--acento); color:#fff; text-decoration:none; font-weight:600; }
table { width:100%; border-collapse: collapse; }
td, th { padding:.5rem; border-bottom:1px solid var(--borda); text-align:left; }
footer { border-top:1px solid var(--borda); font-size:.9rem; }