/* Custom Base Styles */
:root {
    --gold: #D4AF37;
    --gold-light: #F9E2AF;
    --gold-dark: #996515;
    --black: #050505;
}

/* Background Grid Utility (Zoe Style) */
.bg-grid {
    background-image:
        linear-gradient(to right, rgba(236, 175, 55, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(236, 175, 55, 0.05) 1px, transparent 1px);
    background-size: 3rem 3rem;
}

/* Animations */
@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }
}

@keyframes pulse-slow {

    0%,
    100% {
        opacity: 0.6;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.02);
    }
}

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

.animate-pulse-slow {
    animation: pulse-slow 8s ease-in-out infinite;
}

/* Hero Mask (Zoe Style) */
@media (min-width: 768px) {
    .desktop-mask {
        -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
        mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    }
}

/* Luxury Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--gold-dark), var(--gold));
    border-radius: 4px;
}

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

/* Fix for Hero Foreground Z-index */
#hero .hero-foreground {
    pointer-events: auto;
}

/* Logo specific adjustments */
.logo-gradient {
    background: linear-gradient(to right, #D4AF37, #F9E2AF, #D4AF37);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}