/* Fundo da tela de login */
#auth {
    background: #1E1E1E !important; /* Preto grafite (fundo padrão) */
    color: #FFFFFF !important;
}

/* Cartão de login */
#auth .card {
    background: #252525 !important; /* Preto fosco */
    color: #FFFFFF !important;
}

/* Inputs (campos de email e senha) */
#auth input {
    background: #333333 !important; /* Cinza chumbo mais escuro para contraste */
    color: #FFFFFF !important; /* Texto branco */
    border: 1px solid #642dbd !important; /* Roxo original da paleta (#642dbd) */
}

/* Placeholder dos inputs */
#auth input::placeholder {
    color: #BEBEBE !important; /* Cinza claro para contraste */
}

/* Labels dos inputs (email e senha) */
#auth label {
    color: #FFFFFF !important; /* Branco */
}

/* Botão principal (Login) */
.btn-primary {
    background: #642dbd !important; /* Roxo principal da sua paleta */
    color: #FFFFFF !important; /* Texto branco */
}

/* Efeito hover do botão principal */
.btn-primary:hover {
    background: #4e2292 !important; /* Roxo mais escuro no hover */
}