/* ================================================================ BASE.CSS Isto é o "alicerce" do site: fica carregado em toda tela e define o que TODO o resto usa (cores, fontes, fundo animado, tipografia dos títulos). Os outros arquivos CSS (botoes.css, campos.css...) dependem das variáveis definidas aqui — por isso base.css sempre precisa vir ANTES deles no do index.html. ================================================================ */ /* ---------------------------------------------------------------- VARIÁVEIS GLOBAIS (design tokens) Isto é uma "paleta central": em vez de escrever a cor #5CFF6E em 30 lugares diferentes do CSS, você escreve var(--acid) em todos eles. Resultado prático: pra mudar o verde do site inteiro, você troca UMA linha aqui, não 30 linhas espalhadas. ---------------------------------------------------------------- */ :root{ --bg:#050505; /* preto de fundo do site inteiro */ --acid:#5CFF6E; /* verde neon — cor de destaque/ação (títulos em accent, botão do WhatsApp, foco, chip selecionado) */ --acid-dim:#173a1c; /* mesmo verde só que escurecido — usado como fundo de chip/opção já selecionada */ --blood:#ff2b3d; /* vermelho — avisos, erros e o "eyebrow" (etiqueta) de cada etapa numerada do formulário */ --bone:#eee9dc; /* "branco" quente — cor do texto principal */ /* --line e --line-soft controlam a cor de TODAS as bordas e divisórias do site: campos, chips, cards, caixas, botão voltar, modal, calendário. Hoje estão em cinza (#757575) — se algum dia aparecerem em outra cor "gritante" sem querer, é aqui que se conserta, de uma vez só pra tudo. */ --line:#757575; /* borda "normal" (não selecionada) de quase tudo */ --line-soft:#757575; /* versão usada em linhas divisórias internas (ex: separador dentro da caixa de investimento) */ --muted:rgba(238, 220, 220, 0.76); /* texto secundário — o "bone" com opacidade, cria hierarquia visual sem precisar de outra cor */ --gut:22px; /* "calha" — respiro lateral padrão da página (margem esquerda/direita) */ /* Observação: existia aqui uma variável --muted2 (#73ff00, verde forte) que não é usada em nenhum lugar do CSS. Foi removida nesta reorganização porque uma variável "morta" só confunde quem for mexer no código depois. Se você criar um novo elemento que precise de um tom secundário diferente do --muted, é aqui que se define uma nova variável — assim ela nasce já documentada e usada em algum lugar. */ } /* ---------------------------------------------------------------- RESET BÁSICO Cada navegador aplica um estilo padrão diferente pra coisas como margem de ou tamanho de fonte de