/* Dark Mode Styles */
body.dark-mode {
    background-color: var(--background-dark);
    color: var(--text-light);
}

body.dark-mode .card {
    background-color: var(--card-dark);
    color: var(--text-light);
}

body.dark-mode .glass-card {
    background: var(--glass-dark);
}

body.dark-mode .navbar {
    background-color: rgba(10, 10, 26, 0.8);
}

body.dark-mode .form-control {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-light);
}

body.dark-mode .timeline::before {
    background: var(--primary-color);
}

body.dark-mode .timeline-item::before {
    border: 3px solid var(--background-dark);
}

body.dark-mode .animated-text::after {
    background: var(--background-dark);
}

body.dark-mode #theme-toggle-btn {
    background: var(--glass-dark);
    color: var(--text-light);
}

body.dark-mode .light-icon {
    display: block;
}

body.dark-mode .dark-icon {
    display: none;
}

/* Light Mode Styles */
body.light-mode {
    background-color: var(--background-light);
    color: var(--text-dark);
}

body.light-mode .card {
    background-color: var(--card-light);
    color: var(--text-dark);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

body.light-mode .glass-card {
    background: var(--glass-light);
}

body.light-mode .navbar {
    background-color: rgba(248, 249, 250, 0.8);
}

body.light-mode .navbar-dark .navbar-nav .nav-link {
    color: var(--text-dark);
}

body.light-mode .navbar-brand,
body.light-mode .navbar-toggler {
    color: var(--text-dark);
}

body.light-mode .form-control {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-dark);
}

body.light-mode .timeline::before {
    background: var(--primary-color);
}

body.light-mode .timeline-item::before {
    border: 3px solid var(--background-light);
}

body.light-mode .animated-text::after {
    background: var(--background-light);
}

body.light-mode #theme-toggle-btn {
    background: var(--glass-light);
    color: var(--text-dark);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

body.light-mode .light-icon {
    display: none;
}

body.light-mode .dark-icon {
    display: block;
}

body.light-mode .footer {
    background: var(--glass-light);
    color: var(--text-dark);
}

body.light-mode .social-links a {
    background: rgba(0, 0, 0, 0.1);
    color: var(--text-dark);
}

body.light-mode .chatbot-widget {
    background: var(--glass-light);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

body.light-mode .bot-message .message-content {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-dark);
}

body.light-mode #chatbot-input {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-dark);
}

body.light-mode .chatbot-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Neural Network Animation Adjustments */
body.light-mode .neural-network-bg {
    opacity: 0.2; /* More subtle in light mode */
}

body.dark-mode .neural-network-bg {
    opacity: 0.4; /* More visible in dark mode */
}