/* 
    PROJETO ATLAS - QSMS ALLIANCE V2.0
    ARQUIVO: variables.css
    DESCRIÇÃO: Centralização de cores, fontes e padrões visuais.
    DICA PARA O LEIGO: Alterar uma cor aqui mudará o site inteiro automaticamente.
*/

:root {
    /* ==========================================================================
       PALETA DE CORES OFICIAL (Extraída do Manual da Marca)
       ========================================================================== */
    
    /* Azul institucional oficial da marca — Logo Pack v2.0 */
    --brand-blue: #1B365D;
    --secondary-blue: #1B365D;

    /* Azul profundo funcional da interface — fundos, hero e navegação */
    --primary-blue: #0D1B2A;
    --deep-blue: #0D1B2A;

/* Verde Alliance (Acento): Cor da conexão Qualyfique + Pressão Total */
    /* Representa segurança operacional e conformidade técnica */
    --accent-green: #2E7D32;

    /* Laranja institucional complementar — comunicação e destaques, nunca no logo */
    --accent-orange: #F58220; 
    
    /* Cinza Industrial: Para textos secundários e detalhes técnicos */
    --neutral-gray: #6B7280;
    
    /* Fundo Light: Cor suave para áreas de leitura e respiro do layout */
    --bg-light: #F2F4F7;
    
    /* Cores de Apoio */
    --white: #FFFFFF;
    --black: #000000;
    --border-light: #DDE6EE;
    --danger-red: #D32F2F; /* Para alertas e erros, se necessário */

    /* ==========================================================================
       TIPOGRAFIA (Conforme definido no Projeto Atlas)
       ========================================================================== */
    
    /* Montserrat: Fonte oficial para Títulos e Menus (Autoridade) */
    --font-heading: 'Montserrat', sans-serif;
    
    /* Inter: Fonte para blocos de texto (Clareza e Leitura Técnica) */
    --font-body: 'Inter', sans-serif;

    /* ==========================================================================
       PADRÕES DE DESIGN INDUSTRIAL PREMIUM
       ========================================================================== */
    
    /* Espaçamentos padronizados para seções (Respiro do Site) */
    --section-padding: 100px 10%;
    --section-padding-mobile: 60px 20px;
    
    /* Sombras (Shadows): Criam a percepção de profundidade de "Software" */
    --card-shadow: 0 10px 30px rgba(13, 27, 42, 0.08);
    --hover-shadow: 0 20px 40px rgba(13, 27, 42, 0.15);
    
    /* Transições: Movimentos suaves de 60 FPS */
    --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    
    /* Bordas: Visual limpo e preciso */
    --border-radius: 4px;
    --border-accent: 8px solid var(--accent-green);
}