/* Custom styles for Eureka Lodge */

:root {
    --burgundy-50: #fdf2f4;
    --burgundy-100: #fce7eb;
    --burgundy-200: #f9cfd9;
    --burgundy-300: #f4a7b8;
    --burgundy-400: #ec7494;
    --burgundy-500: #e04772;
    --burgundy-600: #cc2d58;
    --burgundy-700: #a82245;
    --burgundy-800: #8c1d3b;
    --burgundy-900: #751a33;
    --burgundy-950: #3f0c19;
}

/* Custom color classes */
.bg-burgundy-50 { background-color: var(--burgundy-50); }
.bg-burgundy-100 { background-color: var(--burgundy-100); }
.bg-burgundy-200 { background-color: var(--burgundy-200); }
.bg-burgundy-300 { background-color: var(--burgundy-300); }
.bg-burgundy-400 { background-color: var(--burgundy-400); }
.bg-burgundy-500 { background-color: var(--burgundy-500); }
.bg-burgundy-600 { background-color: var(--burgundy-600); }
.bg-burgundy-700 { background-color: var(--burgundy-700); }
.bg-burgundy-800 { background-color: var(--burgundy-800); }
.bg-burgundy-900 { background-color: var(--burgundy-900); }
.bg-burgundy-950 { background-color: var(--burgundy-950); }

.text-burgundy-50 { color: var(--burgundy-50); }
.text-burgundy-100 { color: var(--burgundy-100); }
.text-burgundy-200 { color: var(--burgundy-200); }
.text-burgundy-300 { color: var(--burgundy-300); }
.text-burgundy-400 { color: var(--burgundy-400); }
.text-burgundy-500 { color: var(--burgundy-500); }
.text-burgundy-600 { color: var(--burgundy-600); }
.text-burgundy-700 { color: var(--burgundy-700); }
.text-burgundy-800 { color: var(--burgundy-800); }
.text-burgundy-900 { color: var(--burgundy-900); }

/* Blush colors */
.bg-blush-50 { background-color: #fef7f5; }
.bg-blush-100 { background-color: #fdf0ed; }
.bg-blush-200 { background-color: #faddd8; }

.text-blush-100 { color: #fdf0ed; }
.text-blush-200 { color: #faddd8; }

/* Font families */
.font-playfair { font-family: 'Playfair Display', serif; }
.font-lato { font-family: 'Lato', sans-serif; }

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes float-delayed {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 3.5s ease-in-out infinite;
    animation-delay: 0.5s;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #fef7f5;
}

::-webkit-scrollbar-thumb {
    background: #a82245;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8c1d3b;
}

/* Mobile menu animation */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

#mobile-menu.open {
    max-height: 400px;
}

/* Navbar scroll effect */
.navbar-scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}