/* Define the custom color and font variables */
        :root {
            --ivory: #FFF8F0;
            --gold-accent: #FFD27F;
            --dusty-rose: #F7D1D0;
            --slate-gray: #8C8C8C;
            --white: #FFFFFF;
        }

        /* Custom scrollbar for aesthetics */
        body::-webkit-scrollbar {
            width: 8px;
        }
        body::-webkit-scrollbar-thumb {
            background-color: var(--gold-accent);
            border-radius: 10px;
        }
        body::-webkit-scrollbar-track {
            background-color: var(--ivory);
        }

        /* General Styling */
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--ivory);
            color: #1a1a1a;
            scroll-behavior: smooth;
        }
        h1, h2, h3, .font-heading {
            font-family: 'Playfair Display', 'Cinzel', serif;
            letter-spacing: 0.02em;
        }
        .text-gold-accent { color: var(--gold-accent); }
        .bg-ivory { background-color: var(--ivory); }
        .bg-dusty-rose { background-color: var(--dusty-rose); }
        .border-gold-accent { border-color: var(--gold-accent); }

        /* Subtle Entrance Animation */
        .animate-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 1s ease-out, transform 0.8s ease-out;
        }
        .animate-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Hero Slider Fade Animation */
        .hero-slide {
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .hero-slide.active {
            opacity: 1;
        }

        /* Gold Button Hover */
        .btn-gold {
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px -5px rgba(255, 210, 127, 0.4);
        }
        .btn-gold:hover {
            box-shadow: 0 8px 25px -8px rgba(255, 210, 127, 0.8);
            transform: translateY(-2px) scale(1.02);
            background-color: #fce6b6; /* Lighter gold on hover */
        }
        /* Card Hover Effect */
        .card-hover {
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 0 15px var(--gold-accent);
        }
        /* Image Hover Zoom */
        .img-zoom-container {
            overflow: hidden;
        }
        .img-zoom {
            transition: transform 0.5s ease;
        }
        .img-zoom-container:hover .img-zoom {
            transform: scale(1.05);
        }