.dark-mode-toggle {
    cursor: pointer;
    font-size: 24px;
}

body.dark-mode {
    background-color: #242424;
    color: white;
}   

body.dark-mode .title,
body.dark-mode .sub-title {
    color: #fff; /* Cor do título em branco no dark mode */
}



body.dark-mode .greeting, 
body.dark-mode .name, 
body.dark-mode .description,
body.dark-mode .skill p, 
body.dark-mode .level span,  
body.dark-mode li {
    color: #ddd; /* Cor do texto em cinza claro */
}

body.dark-mode .skills-section,
body.dark-mode .experience-item,
body.dark-mode .education-item,
body.dark-mode .soft-skills-item,
body.dark-mode .hard-skills-item,
body.dark-mode .hobbies-item,
body.dark-mode p,
body.dark-mode li{
    color:black;
}

body.dark-mode .experience-section,
body.dark-mode .education-section,
body.dark-mode .soft-skills-section,
body.dark-mode .hard-skills-section,
body.dark-mode .hobbies-section{
    background-color: #2a2a2a; /* Fundo mais escuro */
    color: white; /* Texto branco */
    padding: 20px; /* Adicionando espaçamento para as seções */
}

/* Quando o dark mode for ativado, podemos ajustar o hover também */
body.dark-mode .nav-links a:hover {
    color: black; /* Cor do texto quando hover */
}

body.dark-mode .portfolio-title {
    color: white; /* Cor do texto em branco */
}

body.dark-mode .portfolio-text {
    color: white; /* Cor do texto em branco */
}

body.dark-mode .footer p{
    color: white;
}