/* Dark Mode Styles */
.dark-mode {
    --primary-color: #4D9EFF;
    --primary-dark: #2D7AFF;
    --primary-light: #1A2A3A;
    --dark-bg: #121212;
    --light-bg: #1E1E1E;
    --text-primary: #E0E0E0;
    --text-secondary: #A0A0A0;
    --text-light: #FFFFFF;
    --border-color: #333333;
    --card-bg: #2D2D2D;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.5);
}

.dark-mode body {
    background-color: var(--dark-bg);
}

.dark-mode .navbar {
    background: rgba(30, 30, 30, 0.95);
}

.dark-mode .nav-brand a {
    color: var(--text-primary);
}

.dark-mode .nav-menu a {
    color: var(--text-primary);
}

.dark-mode .quick-link-card,
.dark-mode .country-card,
.dark-mode .industry-card,
.dark-mode .ai-window,
.dark-mode .ai-messages,
.dark-mode .ai-input,
.dark-mode .ai-footer {
    background: var(--card-bg);
}

.dark-mode .quick-link-card h3,
.dark-mode .country-card h4,
.dark-mode .industry-card h3 {
    color: var(--text-primary);
}

.dark-mode .quick-link-card p,
.dark-mode .country-card p,
.dark-mode .industry-card p {
    color: var(--text-secondary);
}

.dark-mode .introduction,
.dark-mode .industries {
    background: var(--dark-bg);
}

.dark-mode .section-description {
    color: var(--text-secondary);
}

.dark-mode .stat-card {
    background: var(--card-bg);
}

.dark-mode .stat-card .stat-number {
    color: var(--primary-color);
}

.dark-mode .stat-card .stat-label {
    color: var(--text-secondary);
}

.dark-mode .experience-badge {
    background: var(--card-bg);
    color: var(--text-primary);
}

.dark-mode .message.bot .message-content {
    background: var(--card-bg);
    color: var(--text-primary);
}

.dark-mode .ai-input textarea {
    background: var(--light-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.dark-mode .ai-email {
    background: var(--light-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.dark-mode .footer {
    background: #0A0A0A;
}

.dark-mode .hero-background .overlay {
    background: linear-gradient(135deg, rgba(77,158,255,0.1), rgba(255,107,53,0.1));
}

.dark-mode .hero-wave {
    color: var(--dark-bg);
}

.dark-mode .map-pins .pin-dot {
    border-color: var(--card-bg);
}

.dark-mode .map-pins .pin-label {
    background: var(--card-bg);
    color: var(--text-primary);
}

.dark-mode .world-map {
    filter: grayscale(0.5) invert(0.9);
}

.dark-mode .nav-menu.active {
    background: var(--card-bg);
}

.dark-mode .nav-toggle span {
    background: var(--text-primary);
}

.dark-mode .loader-wrapper {
    background: var(--dark-bg);
}

.dark-mode ::-webkit-scrollbar {
    width: 10px;
}

.dark-mode ::-webkit-scrollbar-track {
    background: var(--light-bg);
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 5px;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}