@theme {
    --color-brand: #d4a017;
    --color-brand-light: #f0c75e;
    --color-brand-dark: #b8860b;
    --color-brand-50: #fdf8e8;
    --color-brand-100: #faefc5;
    --color-brand-600: #d4a017;
    --color-brand-700: #b8860b;
}

html {
    scroll-behavior: smooth;
}

.hero-gradient {
    background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
}

.gallery-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}


.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.modal-overlay {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
}

.star-filled {
    color: #f59e0b;
}