/* DARK MODE */

body.dark-mode {
    --bg: #0F0F1E;
    --bg-alt: #16162E;
    --text: #EAEAEA;
    --text-light: #9090B0;
    --card-bg: #1A1A32;
    --light: #2A2A4A;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --shadow-hover: 0 8px 35px rgba(0, 0, 0, 0.6);
}

body.dark-mode #header {
    background: #0A0A18;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

body.dark-mode #header.scrolled {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
}

body.dark-mode .filter-btn {
    background: var(--card-bg);
    color: var(--text);
}

body.dark-mode .filter-btn.active {
    background: var(--primary);
    color: #fff;
}

body.dark-mode #search-overlay {
    background: var(--bg);
}

body.dark-mode .search-container input {
    background: var(--card-bg);
    color: var(--text);
    border-color: var(--light);
}

body.dark-mode #contact-form input,
body.dark-mode #contact-form select,
body.dark-mode #contact-form textarea {
    background: var(--card-bg);
    color: var(--text);
    border-color: var(--light);
}

body.dark-mode .destination-card {
    background: var(--card-bg);
}

body.dark-mode .destination-card .card-actions button {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

body.dark-mode .destination-card .card-actions button:hover {
    background: rgba(255, 255, 255, 0.15);
}

body.dark-mode .stat-number {
    color: #A29BFE;
}

body.dark-mode .loader-text {
    color: #A29BFE;
}

body.dark-mode .loader-bar {
    background: var(--light);
}

body.dark-mode .loader-progress {
    background: linear-gradient(90deg, #A29BFE, var(--secondary));
}

body.dark-mode .about-image-placeholder {
    background: linear-gradient(135deg, #A29BFE, var(--secondary));
}

body.dark-mode #back-to-top {
    background: #A29BFE;
    box-shadow: 0 4px 20px rgba(162, 155, 254, 0.4);
}

body.dark-mode .slider-controls button {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

body.dark-mode .slider-controls button:hover {
    background: var(--primary);
}

body.dark-mode .slider-dots .dot {
    background: rgba(255, 255, 255, 0.25);
}

body.dark-mode .slider-dots .dot.active {
    background: #fff;
}

body.dark-mode .slide-content h1,
body.dark-mode .slide-content p {
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.7);
}

body.dark-mode .detail-actions .btn-fav {
    background: var(--card-bg);
    color: var(--text);
}

body.dark-mode .detail-actions .btn-fav:hover {
    background: var(--light);
}

body.dark-mode .detail-section ul li {
    background: var(--card-bg);
}

body.dark-mode .form-success {
    background: var(--card-bg);
}

body.dark-mode::-webkit-scrollbar {
    width: 8px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: var(--bg);
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}