/* Custom Styles for SDS Rentals */

:root {
    --color-plum: #2D1B30;
    --color-amber: #D97706;
    --color-cream: #FDFBF7;
}

body {
    background-color: var(--color-cream);
    color: var(--color-plum);
}

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

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

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

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scroll {
    0% { top: -100%; }
    100% { top: 100%; }
}

.animate-scroll {
    animation: scroll 1.5s infinite linear;
}

/* Hero Animations */
.hero-title {
    animation: fadeInUp 0.8s ease-out forwards;
}

.hero-subtitle {
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.hero-text {
    animation: fadeInUp 0.8s ease-out 0.4s forwards;
    opacity: 0;
}

.hero-cta {
    animation: fadeInUp 0.8s ease-out 0.6s forwards;
    opacity: 0;
}

/* Scroll Reveal Utility */
.reveal-text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal-text.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile Menu Transitions */
#mobile-menu.open {
    opacity: 1;
    pointer-events: auto;
}

#mobile-menu.closed {
    opacity: 0;
    pointer-events: none;
}

/* Image Aspect Ratios */
.aspect-\[4\/5\] {
    aspect-ratio: 4/5;
}

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

::-webkit-scrollbar-track {
    background: var(--color-cream);
}

::-webkit-scrollbar-thumb {
    background: var(--color-plum);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-amber);
}