/*
 * TEMA B — "Industrial Técnico"
 * Tokens semânticos (mesmos nomes do Layout Padrão A, então componentes compartilhados funcionam):
 *   --cor-tinta          cor escura principal (texto forte, header, rodapé, CTA)
 *   --cor-destaque       acento (laranja de segurança) — bordas, marcadores, números
 *   --cor-destaque-claro acento sobre fundo ESCURO (botões, rótulos no rodapé)
 *   --cor-destaque-texto acento escurecido para TEXTO sobre fundo claro (AA)
 *   --cor-papel / -2     fundos claros (cinza frio) ; --cor-linha  bordas de 1px
 * Para outro cliente: trocar apenas o acento (e, se quiser, o azul-grafite da tinta).
 *
 * MUNDO INOX — paleta do logo/site do cliente: azul do globo (#1582BB, #13648B) e laranja do "M" (#DA630F).
 *   tinta = azul bem escuro derivado do #13648B; destaque = laranja do logo; --cor-azul = azul do logo.
 *   --cor-sobre-destaque: texto escuro sobre o laranja (a tinta azul dava só 3,9:1; este dá 4,9:1).
 */
:root {
    --cor-tinta: #0B2E43;
    --cor-tinta-2: #13648B;
    --cor-texto: #1B232B;
    --cor-texto-claro: #55606B;
    --cor-papel: #F1F1F1;
    --cor-papel-2: #E4E7EA;
    --cor-linha: #CDD2D7;
    --cor-destaque: #DA630F;
    --cor-destaque-texto: #A04405;
    --cor-destaque-claro: #F2822E;
    --cor-sobre-destaque: #101820;
    --cor-azul: #1582BB;
    --cor-azul-escuro: #13648B;
    --cor-branco: #FFFFFF;
    --cor-sucesso: #1E6B3A;
    --cor-erro: #B3261E;

    /* Fonte do site atual do cliente: Open Sans (títulos, texto e rótulos). */
    --fonte-titulo: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --fonte-base: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --fonte-mono: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

    --raio: 0;
    --largura-maxima: 1240px;
    --largura-leitura: 720px;
    --espaco-secao: clamp(52px, 7vw, 104px);
    --altura-barra: 38px;
    --altura-menu: 68px;
    --altura-cabecalho: 106px; /* barra de contato + menu (ambos fixos no topo) */
}