:root {
    /* Paleta extraída do site atual do cliente (assistekmanutencao.com.br, WordPress/Avada),
       a pedido do usuário ("use as mesmas cores, fotos, fontes, logos"): cinza-escuro do
       rodapé/textos e cinza claro de fundo de seção. O vermelho de destaque original (do item
       de menu ativo) foi testado nos botões, mas o usuário achou que não combinou — trocado por
       um azul-aço, que dialoga com o inox dos equipamentos nas fotos reais (coifas, exaustores,
       fogões) sem remeter a alerta/perigo como o vermelho.
       Cor de destaque atualizada em 31/08/2026 para o azul exato do "PRO" no logo Exaustpro
       (#006DDB, extraído por amostragem de pixel do arquivo do logo) — a escura mantém a mesma
       proporção de escurecimento (~71%) que a paleta anterior já usava para hover/estados ativos. */
    --cor-primaria: #333333;
    --cor-primaria-escura: #1F1F1F;
    --cor-primaria-clara: #4D4D4D;
    --cor-destaque: #006DDB;
    --cor-destaque-escura: #004D9B;
    --cor-texto: #333333;
    --cor-texto-claro: #6B6B6B;
    --cor-fundo: #FFFFFF;
    --cor-fundo-alt: #D7D6D6;
    --cor-borda: #C7C6C6;
    --cor-sucesso: #1E7E42;
    --cor-erro: #C0392B;
    --cor-branco: #FFFFFF;

    /* Fonte-base idêntica à do site atual (Verdana/Geneva, sem fonte de marca definida). */
    --fonte-base: Verdana, Geneva, Arial, sans-serif;
    --fonte-titulo: Verdana, Geneva, 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);
}