:root {
    /* Cores para gráficos */
    --grafico-cor-1: rgba(54, 162, 235, 0.8);
    --grafico-cor-2: rgba(255, 99, 132, 0.8);
    --grafico-cor-3: rgba(255, 206, 86, 0.8);
    --grafico-cor-4: rgba(75, 192, 192, 0.8);
    --grafico-cor-5: rgba(153, 102, 255, 0.8);
}
:root {
    --cor-primaria: #007bff; /* Azul vibrante */
    --cor-secundaria: #6c757d; /* Cinza neutro */
    --cor-sucesso: #28a745; /* Verde */
    --cor-perigo: #dc3545; /* Vermelho */
    --cor-fundo: #f8f9fa;
    --cor-texto: #212529;
    --fonte-principal: 'Inter', sans-serif;

    /* Cores para gráficos */
    --grafico-cor-1: #BE5400;
    --grafico-cor-2: #C0794B;
    --grafico-cor-3: #D7A17A;
    --grafico-cor-4: #D4B59E;
    --grafico-cor-5: #E59E61;
}

body { 
    font-family: var(--fonte-principal);
}

/* Estilos do Frontend */
.frontend-body {
    background-image: url('imgs/background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.frontend-logo {
    width: auto;
    max-width: 300px; /* Tamanho maior para o logo */
    height: auto;
}

.card { 
    border-radius: 0; 
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
}

.btn { 
    border-radius: 0;
    transition: background-color 0.2s;
}