/*
 * Fundo azul do site (o azul-escuro do cabeçalho, #0B2E43).
 * Carregado por último. Dentro de <main> os tokens de cor viram a versão "sobre fundo azul"; as peças que
 * são claras por natureza (fichas, cartões brancos, formulário, menu suspenso) voltam à paleta clara, e as
 * faixas escuras (hero, CTA, cartão de contato) voltam à paleta escura original.
 * Para voltar ao fundo claro: remover o <link> deste arquivo em includes/head-meta.php.
 */
body { background: var(--cor-tinta); }

main {
    --cor-papel: #0B2E43;
    --cor-papel-2: #0F3A55;
    --cor-tinta: #E6F0F7;
    --cor-tinta-2: #BFD6E6;
    --cor-texto: #D6E4EE;
    --cor-texto-claro: #A9C3D6;
    --cor-linha: #2B5873;
    --cor-destaque-texto: #FF9A55;
    color: var(--cor-texto); /* a cor do texto é herdada do body: precisa ser recalculada com o token novo */
}

/* Peças claras dentro do fundo azul */
.ficha, .linha-servico, .lista-processo li, .formulario-contato, .lista-regioes li, .mega-menu {
    --cor-papel: #F1F1F1;
    --cor-papel-2: #E4E7EA;
    --cor-tinta: #0B2E43;
    --cor-tinta-2: #13648B;
    --cor-texto: #1B232B;
    --cor-texto-claro: #55606B;
    --cor-linha: #CDD2D7;
    --cor-destaque-texto: #A04405;
    color: var(--cor-texto);
}

/* Faixas escuras (já eram azul-escuras) */
.hero, .secao--cta-intermediaria, .cartao-contato, .bloco-confianca, .secao--escura {
    --cor-papel: #F1F1F1;
    --cor-papel-2: #E4E7EA;
    --cor-tinta: #0B2E43;
    --cor-tinta-2: #13648B;
    --cor-texto: #D6E4EE;
    --cor-texto-claro: #A9C3D6;
    --cor-linha: #2B5873;
    --cor-destaque-texto: #FF9A55;
}

/* Faixas que eram brancas viram o azul um pouco mais claro */
.secao--pagina-hero, .documento-hero { background: var(--cor-papel-2); }
/* Sem faixas laranja grossas acima da chamada para orçamento e do rodapé: só um filete azul. */
.secao--cta-intermediaria { border-top: 1px solid #2B5873; }
.rodape { border-top: 1px solid #2B5873; }
.cartao-contato { border: 1px solid #2B5873; border-top: 4px solid var(--cor-destaque); }

/* Rótulos e filetes */
.secao__lateral { border-bottom-color: var(--cor-azul); }
.galeria-grid figure { background: var(--cor-papel-2); border-color: var(--cor-linha); }
.badge { color: var(--cor-sobre-destaque); }

/* Botões: o "hover" escuro virava branco sobre branco */
main .botao--primario:hover { background: var(--cor-branco); border-color: var(--cor-branco); color: #0B2E43; }
main .botao--secundario { border-color: var(--cor-branco); color: var(--cor-branco); }
main .botao--secundario:hover { background: var(--cor-branco); color: #0B2E43; }
.hero .botao--primario:hover, .cartao-contato .botao:hover { color: #0B2E43; }
.formulario-contato .botao--primario:hover { background: #0B2E43; border-color: #0B2E43; color: var(--cor-branco); }

/* Abas */
.abas__botao { background: var(--cor-papel-2); color: var(--cor-tinta-2); border-color: var(--cor-linha); }
.abas__botao:hover { background: #144866; color: var(--cor-branco); }
.abas__botao[aria-selected="true"] { background: var(--cor-azul-escuro); border-color: var(--cor-azul-escuro); color: var(--cor-branco); }

/* Linhas de artigo e sumário */
.linha-artigo:hover { background: var(--cor-papel-2); }
.sumario a:hover { background: var(--cor-papel-2); color: var(--cor-branco); }
.cta-curta { background: var(--cor-papel-2); }

/* Links dentro do texto */
.artigo__corpo a, .secao__conteudo p a, .info-corpo a { color: var(--cor-branco); }