html[data-theme="dark"] {
    color-scheme: dark;
    --dark: #0b1220;
    --dark-2: #172033;
    --green: #0f766e;
    --gold: #f4c95d;
    --cream: #0f172a;
    --white: #f8fafc;
    --text: #f1f5f9;
    --muted: #cbd5e1;
}

html[data-theme="dark"] body {
    min-height: 100vh;
    background: linear-gradient(145deg, #0f172a 0%, #111827 52%, #121212 100%);
    background-attachment: fixed;
    background-attachment: fixed;
    color: var(--text);
    transition: background-color 250ms ease, color 250ms ease;
}

.theme-toggle {
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 2px;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
    background: var(--gold, #c9a96e);
    border-color: var(--gold, #c9a96e);
    color: var(--dark, #081411);
}

html[data-theme="dark"] .section-label,
html[data-theme="dark"] .job-type,
html[data-theme="dark"] .job-link span {
    color: var(--gold, #c9a96e);
}

html[data-theme="dark"] .tour-card,
html[data-theme="dark"] .package-card,
html[data-theme="dark"] .job-card {
    background: linear-gradient(145deg, #1e293b, #172033);
    color: var(--text);
}

html[data-theme="dark"] .tour-content a,
html[data-theme="dark"] .package-bottom a,
html[data-theme="dark"] .contact-item a,
html[data-theme="dark"] .contact-item p {
    color: #f4d78b;
}

html[data-theme="dark"] .testimonial {
    background: linear-gradient(135deg, #1e293b, #172033);
}

html[data-theme="dark"] .contact-item,
html[data-theme="dark"] .package-bottom,
html[data-theme="dark"] .day,
html[data-theme="dark"] .job-link {
    border-color: rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] .booking-section {
    color: var(--text);
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    border-color: #475569;
    background-color: #172033;
    color: var(--text);
}

html[data-theme="dark"] .booking-section input,
html[data-theme="dark"] .booking-section select,
html[data-theme="dark"] .booking-section textarea {
    border-color: #475569;
    background-color: #172033;
    color: #f1f5f9;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #cbd5e1;
}

html[data-theme="dark"] .contact-form-box input,
html[data-theme="dark"] .contact-form-box textarea {
    border-color: #475569;
    background-color: #172033;
    color: #f1f5f9;
}

html[data-theme="dark"] .contact-form-box input::placeholder,
html[data-theme="dark"] .contact-form-box textarea::placeholder {
    color: #cbd5e1;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .submit-btn {
    background: var(--gold);
    color: var(--dark);
}

html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .submit-btn:hover {
    background: #ddc28d;
}

html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .hero-actions .btn,
html[data-theme="dark"] .apply .btn {
    background: var(--gold);
    color: var(--dark);
}

html[data-theme="dark"] .nav-cta:hover,
html[data-theme="dark"] .hero-actions .btn:hover,
html[data-theme="dark"] .apply .btn:hover {
    background: #ffdb74;
}

html[data-theme="dark"] footer {
    background: #050a08;
}

html[data-theme="dark"] .apply {
    background: linear-gradient(135deg, #172033, #1e293b);
    color: var(--text);
}

html[data-theme="dark"] .job-card {
    border-color: rgba(203, 213, 225, 0.2);
}

html[data-theme="dark"] .tour-card,
html[data-theme="dark"] .package-card,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .destination-card,
html[data-theme="dark"] .place-card,
html[data-theme="dark"] .gallery-item,
html[data-theme="dark"] .photo,
html[data-theme="dark"] .feature,
html[data-theme="dark"] .testimonial,
html[data-theme="dark"] .apply,
html[data-theme="dark"] .contact-item,
html[data-theme="dark"] .day,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    transition-property: transform, box-shadow, color, background-color, border-color;
    transition-duration: 250ms;
    transition-timing-function: ease;
}

/* Keep interactive hover accents consistent with the site's gold palette. */
a,
button,
input[type="submit"],
select {
    transition-property: color, background-color, border-color, box-shadow, transform;
    transition-duration: 220ms;
    transition-timing-function: ease;
}

.footer-column a,
.footer-bottom a,
.tour-content a,
.package-bottom a,
.contact-item a {
    display: inline-block;
}

a:not(.btn):not(.nav-button):not(.nav-cta):not(.theme-toggle):not(.whatsapp):hover {
    color: var(--gold, #c9a96e);
    text-shadow: 0 0 12px rgba(201, 169, 110, 0.45);
    transform: scale(1.035);
}

.btn:hover,
.nav-button:hover,
.nav-cta:hover,
.theme-toggle:hover,
.btn-outline:hover,
.submit-btn:hover,
.whatsapp-btn:hover {
    transform: translateY(-2px) scale(1.035);
    box-shadow: 0 0 18px rgba(201, 169, 110, 0.38);
}

.tour-card:hover,
.package-card:hover,
.job-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 14px 36px rgba(201, 169, 110, 0.24);
}

.destination-card:hover,
.place-card:hover,
.gallery-item:hover,
.photo:hover {
    transform: scale(1.02);
    box-shadow: 0 0 24px rgba(201, 169, 110, 0.36);
}

.feature:hover {
    transform: translateX(4px);
    box-shadow: 0 8px 22px -14px rgba(201, 169, 110, 0.75);
}

html[data-theme="dark"] a:not(.btn):not(.nav-button):not(.nav-cta):not(.theme-toggle):not(.whatsapp):hover {
    color: #f8d778;
    text-shadow: 0 0 14px rgba(244, 201, 93, 0.55);
}

html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .nav-button:hover,
html[data-theme="dark"] .nav-cta:hover,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .submit-btn:hover,
html[data-theme="dark"] .whatsapp-btn:hover {
    box-shadow: 0 0 20px rgba(244, 201, 93, 0.5);
}

html[data-theme="dark"] .tour-card:hover,
html[data-theme="dark"] .package-card:hover,
html[data-theme="dark"] .job-card:hover {
    box-shadow: 0 14px 38px rgba(244, 201, 93, 0.28);
}

html[data-theme="dark"] .destination-card:hover,
html[data-theme="dark"] .place-card:hover,
html[data-theme="dark"] .gallery-item:hover,
html[data-theme="dark"] .photo:hover {
    box-shadow: 0 0 26px rgba(244, 201, 93, 0.42);
}

@media (prefers-reduced-motion: reduce) {
    a,
    button,
    input[type="submit"],
    select,
    .tour-card,
    .package-card,
    .job-card,
    .destination-card,
    .place-card,
    .gallery-item,
    .photo,
    .feature {
        transition-duration: 0.01ms;
    }
}

@media (max-width: 900px) {
    .theme-toggle {
        margin-left: auto;
        margin-right: 16px;
    }
}

@media (max-width: 700px) {
    .theme-toggle {
        margin-left: auto;
        margin-right: 12px;
        padding: 8px 10px;
        font-size: 10px;
    }
}