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

:root {
    /* CORES PRINCIPAIS - Nova paleta profissional (verde + vermelho cereja) */
    --cor-principal: #2e7d32;        /* Verde escuro (brasão) */
    --cor-principal-hover: #1b5e20;  /* Verde mais escuro */
    --cor-principal-rgb: 46, 125, 50;

    --cor-destaque: #c62828;         /* Vermelho cereja (para badges, destaques) */
    --cor-destaque-hover: #b71c1c;
    --cor-destaque-rgb: 198, 40, 40;

    --cor-texto: #1a1a1a;
    --cor-texto-claro: #555;
    --cor-fundo: #f5f6f8;
    --cor-borda: #e0e4e8;
    --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);
}