/* =========================================
   ARQUIVO: css/base.css
   (Configurações Globais, Variáveis e Reset)
   ========================================= */

:root { 
    /* --- Paleta de Cores --- */
    --amarelo: #ffce00; 
    --amarelo-hover: #e6ba00;
    
    --preto: #0f0f0f; 
    --preto-claro: #1a1a1a;
    --cinza-escuro: #222222;
    --cinza-medio: #666666;
    --branco: #ffffff; 
    --cinza-fundo: #f8f9fa; /* Fundo off-white moderno */

    /* --- Sombras & Efeitos --- */
    /* Sombra suave para profundidade */
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    /* Sombra mais forte para hover */
    --card-hover-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    /* Brilho neon sutil */
    --glow-amarelo: 0 0 20px rgba(255, 206, 0, 0.4);
}

/* --- SCROLLBAR PERSONALIZADA (Toque Premium) --- */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--preto);
}

::-webkit-scrollbar-thumb {
    background: var(--amarelo);
    border-radius: 5px;
    border: 2px solid var(--preto); /* Cria um espaço visual entre a barra e o fundo */
}

/* --- SELEÇÃO DE TEXTO (Identidade da Marca) --- */
::selection {
    background: var(--amarelo);
    color: var(--preto);
}

/* --- RESET & BASE --- */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Inter', sans-serif; 
    -webkit-tap-highlight-color: transparent; /* Remove flash azul no mobile */
}

html { 
    scroll-behavior: smooth; 
}

body { 
    background: var(--branco); 
    color: #333; 
    overflow-x: hidden; 
    line-height: 1.6; /* Melhora a legibilidade */
    -webkit-font-smoothing: antialiased; /* Fontes mais nítidas */
    -moz-osx-font-smoothing: grayscale;
}

/* --- ACESSIBILIDADE --- */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* --- COMPONENTES FLUTUANTES (WhatsApp) --- */
.whatsapp-float { 
    position: fixed; 
    width: 60px; 
    height: 60px; 
    bottom: 30px; /* Um pouco mais alto para não colar na borda */
    right: 30px; 
    background: #25d366; 
    border-radius: 50%; 
    z-index: 9999; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    /* Sombra colorida suave */
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4); 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Efeito elástico */
}

.whatsapp-float svg { 
    width: 32px; 
    fill: white; 
}

.whatsapp-float:hover { 
    transform: scale(1.1) translateY(-5px); 
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.6);
}