/* Modo Escuro */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode header,
body.dark-mode footer {
    background-color: #222;
    color: #e0e0e0;
}

body.dark-mode button {
    background: #555;
    color: #e0e0e0;
}

/* Seções e formulário no modo escuro */
body.dark-mode .contato-section,
body.dark-mode .portfolio-section {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-radius: 8px;
}

body.dark-mode #form-contato input,
body.dark-mode #form-contato textarea {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode #form-contato input::placeholder,
body.dark-mode #form-contato textarea::placeholder {
    color: #bbb;
}

body.dark-mode #form-contato button {
    background-color: #555;
    color: #e0e0e0;
    border: none;
}

body.dark-mode #form-contato button:hover {
    background-color: #777;
}