/*
 * 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 do logo Megawatt) — 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).
 */
:root {
    --cor-tinta: #15171A;
    --cor-tinta-2: #2E3238;
    --cor-texto: #1B1E22;
    --cor-texto-claro: #5A5F66;
    --cor-papel: #F4F5F6;
    --cor-papel-2: #E8EAEC;
    --cor-linha: #CDD2D7;
    --cor-destaque: #F26B0A;
    --cor-destaque-texto: #B24500;
    --cor-destaque-claro: #FF8A1F;
    --cor-sobre-destaque: #15171A; /* texto sobre o laranja do logo: grafite (branco não passa AA) */
    --cor-branco: #FFFFFF;
    --cor-sucesso: #1E6B3A;
    --cor-erro: #B3261E;

    --fonte-titulo: 'Saira', 'Arial Narrow', Arial, sans-serif;
    --fonte-base: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --fonte-mono: 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

    --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) */
}