/* ============================================================
   DARK MODE - auto-applies via prefers-color-scheme: dark
   Keeps the same navy/orange/cyan brand system, inverted for
   dark surfaces. Loaded last so it overrides light-mode rules.
   ============================================================ */
@media (prefers-color-scheme: dark) {

    :root {
        --light-bg:     #16212e;
        --light-bg-2:   #1c2a3a;
        --dark:         #eef4f8;
        --text-muted:   #a9b6c4;
    }

    body { background: #0f1720; color: #e8edf2; }

    /* ── Header / nav ─────────────────────────────────────── */
    .main-header { background: #101922; border-bottom-color: #223142; }
    .site-nav {
        background: #101922;
        border-bottom-color: rgba(12,182,216,0.18);
    }
    .site-nav__menu a,
    .snav-list a,
    .logo { color: #e8edf2; }
    .site-nav--sticky { background: #101922; }

    /* ── Cards on light backgrounds ───────────────────────── */
    .destination-card,
    .tour-card-img-wrap,
    .freshly-card,
    .blog-card,
    .reputation-card,
    .pkg-section,
    .pkg-description,
    .pkg-itin-item,
    .pkg-sidebar,
    .about-v3-signature,
    .home-search-box-v2,
    .home-suggestions,
    .home-quick-tag,
    .testimonial-card,
    .booking-form-card,
    .snav-mega {
        background: #16212e;
        border-color: #223142;
    }
    .testimonial-section { background: #101922; }
    .testimonial-content,
    .testimonial-content p,
    .testimonial-user-info h4 { color: #eef4f8; }
    .snav-mega__link { color: #c7d2dc; border-color: #223142; }
    .snav-mega__link:hover { color: var(--accent-cyan); }
    .snav-mega__col--accent { background: #1c2a3a; }
    .pkg-body { background: #0f1720; }
    .section-destinations,
    .about-v3-section,
    .py-70.bg-white { background: #0f1720 !important; }
    .section-freshly { background: #16212e; }

    .blog-title a,
    .tour-card-title,
    .freshly-title,
    .pkg-section-title,
    .pkg-itin-title,
    .destination-title,
    .catalog-group-title,
    .about-v3-title,
    .home-hero-title-v2,
    .section-heading {
        color: #eef4f8;
    }
    .blog-date,
    .text-muted,
    .section-subtitle,
    .freshly-from,
    .pkg-fact-label {
        color: #a9b6c4 !important;
    }

    /* ── Inputs / forms ───────────────────────────────────── */
    .home-search-field-input input,
    .home-search-field-input select,
    .footer-newsletter-form .form-control,
    input.form-control,
    select.form-control,
    textarea.form-control {
        background: #1c2a3a;
        color: #e8edf2;
    }

    /* ── FAQ accordion ─────────────────────────────────────── */
    .faq-section .accordion-item,
    .accordion-item { background: #16212e; border-color: #223142; }
    .accordion-button { background: #16212e; color: #eef4f8; }
    .accordion-body { color: #a9b6c4; }

    /* ── Modals ────────────────────────────────────────────── */
    .modal-content { background: #16212e; color: #e8edf2; }

    /* ── Package includes/excludes keep semantic tint but darker ── */
    .pkg-inc-box { background: rgba(22,163,74,0.08); border-color: rgba(22,163,74,0.25); }
    .pkg-exc-box { background: rgba(220,38,38,0.08); border-color: rgba(220,38,38,0.25); }

    /* ── Reputation / trust-strip icons ───────────────────── */
    .reputation-icon,
    .trust-strip-icon,
    .about-v2-feature-icon { background: #1c2a3a; }
}