/* vr-theme/assets/variaveis.css */

:root {
    /* CORES PRINCIPAIS - Nova paleta profissional (azul + branco) */
    --cor-principal: #1e3a8a;        /* Azul escuro (logo) */
    --cor-principal-hover: #172554;  /* Azul mais escuro */
    --cor-principal-rgb: 30, 58, 138;

    --cor-destaque: #2563eb;         /* Azul vivo (para badges, destaques) */
    --cor-destaque-hover: #1d4ed8;
    --cor-destaque-rgb: 37, 99, 235;

    --cor-texto: #1a1a1a;
    --cor-texto-claro: #555;
    --cor-fundo: #f4f6f8;
    --cor-borda: #e2e8f0;
    --cor-branco: #ffffff;
    
    /* FONTES */
    --fonte-padrao: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --fonte-tamanho-base: 16px;
    
    /* LARGURA DO SITE (padrão para todas as páginas) */
    --largura-site: 1400px;
    
    /* BREAKPOINTS */
    --breakpoint-tablet: 992px;
    --breakpoint-mobile: 768px;
    --breakpoint-smartphone: 576px;
    
    /* ESPAÇAMENTOS PADRÃO */
    --espacamento-padrao: 20px;
    --espacamento-grande: 40px;
    --espacamento-pequeno: 10px;
    
    /* BORDAS */
    --raio-borda: 8px;
    --raio-borda-grande: 16px;
    --sombra-padrao: 0 2px 12px rgba(0,0,0,0.06);
    --sombra-hover: 0 6px 25px rgba(0,0,0,0.10);
}