:root {
    /* Paleta extraída do site atual do cliente (electroeng.com.br, WordPress/Divi), a pedido
       do usuário ("use as mesmas cores, fotos, fontes, logos"): azul-marinho institucional
       (botões primários e cabeçalho/rodapé do site original, rgb(3,32,116)). O ciano claro do
       site original (rgb(95,227,235), usado só no botão de "Enviar" do formulário, com texto
       escuro) não rende texto branco legível em botões maiores — usamos aqui um azul-royal
       intermediário como --cor-destaque, que mantém a família de cor do site original mas
       passa em contraste AA com texto branco (~7:1). O ciano literal fica reservado para o
       detalhe específico do botão de envio do formulário (ver pages/contato.css). */
    --cor-primaria: #032074;
    --cor-primaria-escura: #021754;
    --cor-primaria-clara: #0A3AA6;
    --cor-destaque: #1B4FC4;
    --cor-destaque-escura: #123A94;
    --cor-ciano-marca: #5FE3EB;
    --cor-texto: #333333;
    --cor-texto-claro: #666666;
    --cor-fundo: #FFFFFF;
    --cor-fundo-alt: #F2F4F8;
    --cor-borda: #DCE1EA;
    --cor-sucesso: #1E7E42;
    --cor-erro: #C0392B;
    --cor-branco: #FFFFFF;

    /* Fontes idênticas às do site atual: Poppins nos títulos, Open Sans no corpo do texto. */
    --fonte-base: 'Open Sans', Arial, sans-serif;
    --fonte-titulo: 'Poppins', Helvetica, Arial, sans-serif;

    --raio-padrao: 8px;
    --raio-grande: 16px;
    --sombra-card: 0 2px 10px rgba(0, 0, 0, 0.08);
    --sombra-elevada: 0 8px 24px rgba(0, 0, 0, 0.18);

    --largura-maxima: 1200px;
    --largura-maxima-estreita: 760px;

    --espaco-secao: clamp(48px, 6vw, 96px);
}