: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: "Martel Sans", 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.png');
    background-color: #E4EE3C;
    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;
}