/* Dark Mode Styles */
body.dark-mode {
    background: #0F172A;
    color: #E2E8F0;
}

/* Icon button styles */
.icon-btn {
    padding: 10px !important;
    min-width: 40px;
}

/* Dark mode toggle button */
.dark-mode-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
}

.dark-mode .sun-icon {
    display: none !important;
}

.dark-mode .moon-icon {
    display: block !important;
}

/* Header in dark mode */
body.dark-mode .alpha-header {
    background: #1E293B;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .alpha-header.scrolled {
    background: rgba(15, 23, 42, 0.95);
}

/* Sections in dark mode */
body.dark-mode .hero-section,
body.dark-mode .gpts-section,
body.dark-mode .service-section,
body.dark-mode .community-section {
    background: #1E293B;
}

body.dark-mode #ai-news,
body.dark-mode .resources-section {
    background: #0F172A;
}

body.dark-mode .learning-guide-section {
    background: #1A202C;
}

/* Cards in dark mode */
body.dark-mode .news-card,
body.dark-mode .gpt-card,
body.dark-mode .learning-card,
body.dark-mode .community-card,
body.dark-mode .resource-card,
body.dark-mode .feature-box-item,
body.dark-mode .guide-card,
body.dark-mode .guide-list-item {
    background: #1E293B;
    border-color: #334155;
    color: #E2E8F0;
}

body.dark-mode .news-card:hover,
body.dark-mode .gpt-card:hover,
body.dark-mode .learning-card:hover,
body.dark-mode .community-card:hover,
body.dark-mode .resource-card:hover {
    background: #334155;
    box-shadow: 0 12px 32px rgba(139, 92, 246, 0.25);
}

/* Text colors */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4,
body.dark-mode .section-title,
body.dark-mode .main-intro-title,
body.dark-mode .feature-box-title,
body.dark-mode .news-title,
body.dark-mode .gpt-title,
body.dark-mode .guide-title {
    color: #F1F5F9;
}

body.dark-mode p,
body.dark-mode .section-description,
body.dark-mode .feature-box-desc,
body.dark-mode .news-description {
    color: #CBD5E1;
}

/* Footer in dark mode */
body.dark-mode .alpha-footer {
    background: #0F172A;
    color: #CBD5E1;
    border-top: 1px solid #334155;
}

/* Submenu in dark mode */
body.dark-mode .sub-menu {
    background: rgba(30, 41, 59, 0.95);
}

/* Buttons in dark mode */
body.dark-mode .btn-primary {
    background: linear-gradient(135deg, #8B5CF6, #6D28D9);
}

body.dark-mode .btn-outline {
    color: #8B5CF6;
    border-color: #8B5CF6;
}

body.dark-mode .btn-outline:hover {
    background: rgba(139, 92, 246, 0.2);
}

/* Mobile menu in dark mode */
body.dark-mode .mobile-menu {
    background: #1E293B;
}

body.dark-mode .mobile-nav-link,
body.dark-mode .mobile-sub-link {
    color: #E2E8F0;
}

body.dark-mode .mobile-nav-link:hover,
body.dark-mode .mobile-sub-link:hover {
    background: #334155;
}

/* Smooth transition */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}