/* ===== DARK MODE STYLES ===== */
body.dark-mode {
    --background-color: #121212;
    --text-color: #e0e0e0;
    --light-gray: #1e1e1e;
    --medium-gray: #2d2d2d;
    --dark-gray: #adb5bd;
}

body.dark-mode .header {
    background-color: #1a1a1a;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark-mode .logo a {
    color: var(--primary-color);
}

body.dark-mode .nav-link {
    color: #e0e0e0;
}

body.dark-mode .nav-link:hover, 
body.dark-mode .nav-link.active {
    color: var(--primary-color);
}

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

body.dark-mode .header-social a {
    background-color: #2d2d2d;
}

body.dark-mode .header-social a i {
    color: #e0e0e0;
}

body.dark-mode .fa-sun {
    display: block;
}

body.dark-mode .fa-moon {
    display: none;
}

body.dark-mode .project-card {
    background-color: #1a1a1a;
}

body.dark-mode .project-info p {
    color: #adb5bd;
}

body.dark-mode .contact-form {
    background-color: #1a1a1a;
}

body.dark-mode .form-group input,
body.dark-mode .form-group textarea {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .form-group input:focus,
body.dark-mode .form-group textarea:focus {
    border-color: var(--primary-color);
}

body.dark-mode .skill-list li span {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .skill-list li span .skill-level {
    background-color: rgba(74, 108, 247, 0.2);
    color: var(--primary-color);
}

body.dark-mode .skill-list li span:hover .skill-level {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}

body.dark-mode .social-icons a {
    background-color: #2d2d2d;
}

body.dark-mode .social-icons a i {
    color: #e0e0e0;
}

body.dark-mode .footer {
    background-color: #0a0a0a;
}