/* Dark mode styles for amoezzi.com */
body.dark-mode {
    background-color: #0a0a0a;
    color: #e0e0e0;
}

body.dark-mode .navbar {
    background: #333 !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

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

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

body.dark-mode .about,
body.dark-mode .skills,
body.dark-mode .projects,
body.dark-mode .contact {
    background: #1a1a1a;
}

body.dark-mode .about-text p,
body.dark-mode .stat p,
body.dark-mode .project-content p,
body.dark-mode .contact-info p,
body.dark-mode .company,
body.dark-mode .duration,
body.dark-mode .skill-item,
body.dark-mode .contact-item {
    color: #d1d5db;
}

body.dark-mode .stat {
    background: #333;
    border-color: #555;
}

body.dark-mode .section-title {
    color: #fff;
}

body.dark-mode .experience {
    background: #1a1a1a;
}

body.dark-mode .timeline::before {
    background: #333;
}

body.dark-mode .timeline-content {
    background: #0a0a0a;
    color: #e0e0e0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

body.dark-mode .timeline-content h3 {
    color: #fff;
}

body.dark-mode .project-card {
    background: #0a0a0a;
    color: #e0e0e0;
    border-color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

body.dark-mode .project-image {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    color: #fff;
}

body.dark-mode .project-tech span {
    background: #333;
    color: #fff;
}

body.dark-mode .btn {
    border: 2px solid #fff !important;
}

body.dark-mode .btn-primary {
    background: #fff;
    color: #0a0a0a;
    border: 2px solid #fff !important;
}

body.dark-mode .btn-primary:hover {
    background: #f5f5f5;
    color: #0a0a0a;
}

body.dark-mode .btn-secondary {
    color: #fff;
    border: 2px solid #fff !important;
}

body.dark-mode .btn-secondary:hover {
    background: #fff;
    color: #0a0a0a;
}

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

body.dark-mode .image-placeholder {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    color: #fff;
}

body.dark-mode .skills-grid .skill-category {
    background: #0a0a0a;
    border-color: #333;
}

body.dark-mode .social-link {
    background: #333;
    color: #fff;
}

body.dark-mode .social-link:hover {
    background: #fff;
    color: #0a0a0a;
}

body.dark-mode .contact-info h3 {
    color: #fff;
}

body.dark-mode .nav-logo h2 {
    color: #fff;
}

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

body.dark-mode .stat h3 {
    color: #fff;
}

body.dark-mode .timeline-content li::before {
    color: #fff;
}

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

body.dark-mode .contact-item i {
    color: #fbbf24;
}

body.dark-mode .skills-grid .skill-category h3 {
    color: #fff;
}

body.dark-mode .skills-grid .skill-category:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

body.dark-mode .projects-grid .project-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

body.dark-mode .nav-menu {
    background-color: #333;
}

body.dark-mode .nav-menu.active {
    background-color: #333;
}

body.dark-mode .hero {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    color: #fff;
}

body.dark-mode .hero-title,
body.dark-mode .hero-subtitle,
body.dark-mode .hero-description {
    color: #fff;
}

body.dark-mode .highlight {
    color: #fff;
    font-weight: 800;
}

body.dark-mode .skills-grid .skill-item {
    background: #333;
    color: #fff;
    border-color: #555;
}

body.dark-mode .skills-grid .skill-item:hover {
    background: #fff;
    color: #0a0a0a;
}

body.dark-mode .project-content h3 {
    color: #fff;
}

/* Scroll to top button in dark mode */
body.dark-mode .scroll-to-top {
    background: #fff !important;
    color: #0a0a0a !important;
}

body.dark-mode .scroll-to-top:hover {
    background: #f5f5f5 !important;
    color: #0a0a0a !important;
}