:root{--fundo:#F5F0E6;--folha:#FFFDF8;--linha:#E6DDCB;--texto:#211D18;--apagado:#675E52;--musgo:#3E5C46}
@media (prefers-color-scheme: dark){:root{--fundo:#17150F;--folha:#25221C;--linha:#37322A;--texto:#F2EBDD;--apagado:#B3A994;--musgo:#8FB596}}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.6 Manrope,system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 20px 80px}
h1{font:500 34px/1.15 Newsreader,Georgia,serif;margin:0 0 8px}
h2{font:800 12px/1.4 Manrope,system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado);margin:36px 0 8px}
.marca{font:500 22px Newsreader,Georgia,serif;color:var(--musgo);text-decoration:none}
p,li{color:var(--texto)}small,.apagado{color:var(--apagado)}
a{color:var(--musgo)}
.botao{display:inline-block;margin:8px 8px 0 0;padding:14px 22px;border-radius:27px;background:var(--musgo);color:var(--folha);font-weight:800;text-decoration:none}
.botao.contorno{background:transparent;color:var(--texto);border:1px solid var(--linha)}
.cartao{padding:20px;border-radius:18px;background:var(--folha);border:1px solid var(--linha)}