/* Force light mode regardless of browser dark mode preference */
:root {
    color-scheme: only light;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Reset gray scale (modern-style.css) */
        --gray-50: #F8FAFC !important;
        --gray-100: #F1F5F9 !important;
        --gray-200: #E2E8F0 !important;
        --gray-300: #CBD5E1 !important;
        --gray-800: #1E293B !important;
        --gray-900: #0F172A !important;

        /* Reset layout variables (base-layout.css) */
        --bg-color: #ffffff !important;
        --text-color: #1e293b !important;
        --light-bg: #f8fafc !important;
        --border-color: #e2e8f0 !important;
        --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
        --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
        --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;

        /* Reset reservation variables (reservation-step3.css) */
        --secondary-color: #f8fafc !important;
        --text-primary: #1e293b !important;
        --text-secondary: #64748b !important;
        --text-muted: #94a3b8 !important;
        --border-hover: #cbd5e1 !important;
    }

    /* Reset back-to-top dark overrides */
    #back-to-top.minimal {
        background: #ffffff !important;
        color: #6366f1 !important;
        border-color: #6366f1 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }

    /* Reset reservation step3 component dark overrides */
    .reservation-header,
    .confirmation-card,
    .trip-route,
    .trip-detail,
    .package-detail,
    .contact-section,
    .payment-label,
    .terms-section {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
        color: #1e293b !important;
    }

    .contact-item {
        background: rgba(248, 250, 252, 0.8) !important;
    }

    .contact-item:hover {
        background: rgba(99, 102, 241, 0.05) !important;
    }
}
