/* ============================================================================= MISSÃO AMAZONAS – SEM FRONTEIRAS Estilos globais (base): variáveis de tema + reset + estilos do . Carregado em todas as páginas via base.html — outras folhas (cadastro, notificações) dependem destas variáveis. Tema: Floresta Amazônica ao entardecer (inspirado no logo da missão). ============================================================================= */ /* ----------------------------- Variáveis --------------------------------- */ :root { /* Verdes da floresta */ --verde-abissal: #071a12; --verde-floresta: #0d2818; --verde-selva: #14532d; --verde-esmeralda: #1f5c43; --verde-folha: #2d6a4f; --verde-claro: #74c69d; /* Cores quentes do pôr do sol */ --ouro: #f4a340; --ouro-claro: #f7c873; --por-do-sol: #e8802e; /* Neutros / creme (do fundo do logo) */ --creme: #f6f2e7; --creme-escuro: #e7dcc4; --texto: #21301f; --texto-suave: #5a6b53; /* Detalhes (arara) */ --arara-vermelho: #d62828; /* Sistema */ --fonte-titulo: "Montserrat", "Segoe UI", system-ui, sans-serif; --fonte-corpo: "Inter", "Segoe UI", system-ui, sans-serif; --raio: 18px; --sombra-cartao: 0 30px 60px -15px rgba(4, 20, 12, .55); --transicao: .25s cubic-bezier(.4, 0, .2, 1); } /* ----------------------------- Reset básico ------------------------------ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: var(--fonte-corpo); color: var(--texto); background: var(--verde-floresta); -webkit-font-smoothing: antialiased; overflow-x: hidden; /* trava rolagem lateral acidental */ }