/* A identidade do VIVA num arquivo só: três cores, uma fonte, sem degradê e sem vidro.
   Nenhuma tela escreve cor direto: tudo vem destas variáveis. A Figtree fica até a Sherika .woff2 chegar. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;500;600&display=swap");
:root { --navy: #01033f; --roxo: #7d3de9; --branco: #ffffff; --fonte: "Figtree", system-ui, sans-serif; }
* { box-sizing: border-box; margin: 0; }
body { font: 300 18px/1.6 var(--fonte); background: var(--branco); color: var(--navy); }
body.navy { background: var(--navy); color: var(--branco); }
h1, h2, h3 { font-weight: 500; line-height: 1.1; letter-spacing: -0.02em; }
.centro { min-height: 100dvh; display: grid; place-content: center; gap: 16px; text-align: center; padding: 24px 16px; }
.botao { display: inline-block; background: var(--roxo); color: var(--branco); font-weight: 600; padding: 14px 28px; border-radius: 999px; text-decoration: none; }