:root {
    /* Primary Colors */
    --color-bg-primary: #0B3D2E;
    /* Deep emerald green background */
    --color-bg-secondary: #0F4A38;
    /* Slightly lighter green for sections */

    /* Accent / Brand Colors */
    --color-gold-primary: #D4AF37;
    /* Rich gold (main text & logo) */
    --color-gold-light: #E6C76B;
    /* Lighter gold for hover/highlights */
    --color-gold-dark: #A8872C;
    /* Dark gold for depth */

    /* Text Colors */
    --color-text-primary: #FFFFFF;
    /* White for contrast on dark bg */
    --color-text-secondary: #CFCFCF;

    /* Borders / Subtle UI */
    --color-border: #1F5A45;
}

/* @font-face {
    font-family: 'Rotally';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rotally';
    font-weight: bold;
    font-style: normal;
} */
@font-face {
    font-family: 'Rotally';
    src: url('/assets/fonts/Rotally.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.brand-text {
    font-family: 'Rotally', sans-serif;
}

.footer-text {
    font-family: 'Rotally', sans-serif;
}

.bg-brand-dark {
    background-color: #0B3D2E;
}

.text-brand-gold {
    color: #C5A059;
}

/* .font-brand {
    font-family: 'Cormorant Garamond', serif;
}

.font-nav {
    font-family: 'Montserrat', sans-serif;
} */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

/* Customizing Swiper dots to match Talonnè Gold */
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: #C5A059 !important;
    opacity: 1;
}