/* ==========================================================================
   Dark Mode Styles for NationalDaysHub
   ========================================================================== */

body.nd-dark-mode {
    --nd-bg: #0F172A;
    --nd-surface: #1E293B;
    --nd-text: #F8FAFC;
    --nd-muted: #94A3B8;
    --nd-border: #334155;
    background-color: var(--nd-bg) !important;
    color: var(--nd-text);
}

body.nd-dark-mode .nd-hero-card,
body.nd-dark-mode .nd-day-card,
body.nd-dark-mode .nd-week-strip-wrapper,
body.nd-dark-mode .nd-week-column-card,
body.nd-dark-mode .nd-newsletter-side-box,
body.nd-dark-mode .nd-blog-card,
body.nd-dark-mode .nd-quick-facts-box,
body.nd-dark-mode .nd-calendar-container,
body.nd-dark-mode .nd-faq-item,
body.nd-dark-mode .nd-search-modal-box {
    background-color: var(--nd-surface);
    border-color: var(--nd-border);
    color: var(--nd-text);
}

body.nd-dark-mode h1,
body.nd-dark-mode h2,
body.nd-dark-mode h3,
body.nd-dark-mode h4,
body.nd-dark-mode .nd-hero-day-title,
body.nd-dark-mode .nd-card-title,
body.nd-dark-mode .nd-blog-card-title,
body.nd-dark-mode .nd-faq-trigger {
    color: #F8FAFC;
}

body.nd-dark-mode .nd-tabs-bar {
    background-color: var(--nd-surface);
    border-color: var(--nd-border);
}

body.nd-dark-mode .nd-tab-btn {
    color: #94A3B8;
}

body.nd-dark-mode .nd-tab-btn.is-active {
    background: #3B82F6;
    color: #FFFFFF;
}

body.nd-dark-mode .nd-cal-cell {
    background: #1E293B;
    border-color: #334155;
    color: #F8FAFC;
}

body.nd-dark-mode .nd-site-footer {
    background: #0B1120;
    border-color: #334155;
}