/* Custom Variables and Typography */
        :root {
            --color-primary-navy: #131E3A; /* Deep Navy */
            --color-background-sand: #F5F5DC; /* Soft Sand / Beige */
            --color-highlight-gold: #FFD700; /* Gold Highlight */
            --color-accent-teal: #00ADB5; /* Teal Accent */
        }
        .font-heading { font-family: 'Poppins', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }

        /* Custom Utility Classes based on the palette */
        .bg-navy { background-color: var(--color-primary-navy); }
        .text-navy { color: var(--color-primary-navy); }
        .bg-sand { background-color: var(--color-background-sand); }
        .text-gold { color: var(--color-highlight-gold); }
        .bg-gold { background-color: var(--color-highlight-gold); }
        .text-teal { color: var(--color-accent-teal); }
        .border-teal { border-color: var(--color-accent-teal); }
        .hover\:bg-gold-dark:hover { background-color: #CCAA00; }

        /* Custom Styles for Aesthetic */
        .card-shadow { box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.05); }
        .glass-overlay {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.18);
        }

        /* Hero Section - Parallax/Slow Zoom (using background attachment and scale) */
        #hero {
            background-image: url('https://i.pinimg.com/736x/3a/26/a9/3a26a99ea24f7a261a178ad20b26c86b.jpg'); /* Placeholder for full-screen video/slideshow */
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Parallax effect */
            transition: transform 10s ease-out;
            animation: slowZoom 60s infinite alternate; /* Slow zoom effect */
        }

        @keyframes slowZoom {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* Scroll Reveal (AOS Simulation) */
        .reveal-up {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar for Featured Tours Carousel */
        .carousel-scrollbar::-webkit-scrollbar {
            height: 8px;
        }
        .carousel-scrollbar::-webkit-scrollbar-thumb {
            background: rgba(0, 173, 181, 0.5); /* Teal */
            border-radius: 4px;
        }
        .carousel-scrollbar::-webkit-scrollbar-track {
            background: rgba(19, 30, 58, 0.1); /* Light Navy */
        }
        
        /* Smooth Scrolling */
        html { scroll-behavior: smooth; }