/* Somente tema escuro aqui */

:root.darkmode {
    --cor-fundo: #121212;
    --cor-superficie: #1e1e1e;
    --cor-card: #242424;
    --cor-texto: #f5f5f5;
    --cor-texto-secundario: #cccccc;
    --cor-texto-suave: #aaaaaa;
    --cor-borda: #3a3a3a;
    --sombra: 0 4px 12px rgba(0, 0, 0, 0.35);
    --cor-logo-azul: #2fb3ff;
    --cor-logo-verde: #57f04a;
}

.darkmode .subtitulo-equipe h3 { 
    color: #4da3ff; 
}

/* versao dark mode, logo */

.logo-tema-claro {
    display: block;
}

.logo-tema-escuro {
    display: none;
}

/* troca da logo para dark */

:root.darkmode .logo-tema-claro {
    display: none;
}

:root.darkmode .logo-tema-escuro {
    display: block;
}

/* Botão do tema */

.darkmode #botao-switch span:first-child {
    display: none;
}

.darkmode #botao-switch span:last-child {
    display: block;
}

.darkmode #botao-switch {
    background-color: #4caf50;
    box-shadow: 0 0 12px rgba(0, 113, 255, 0.4);
}

.darkmode .nav-links li a:hover,
.darkmode .nav-links li a.active {
    color: #4da3ff;
}

/* Política de privacidade e termos dark */

.rodape-privacidade_termos ul li a {
    color: #4da3ff;
}

.darkmode .rodape-privacidade_termos ul li a:hover,
.darkmode .rodape-privacidade_termos ul li a:active,
.darkmode .rodape-privacidade_termos ul li a:focus-visible {
    color: #80bfff;
}

/* animacao dos cards quando mouse passa por cima, tema escuro */

@media (hover: hover) {
    .darkmode .card:hover {
        background-color: #393838;
    }
}