@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-lumi-dark { background-color: #0A0A0A; }
    .bg-lumi-gray { background-color: #161616; }
    .bg-lumi-gold { background-color: #D4AF37; } /* Metallic Gold */
    .bg-lumi-warm { background-color: #FDF9F1; } /* Warm White for light sections */
    
    .text-lumi-gold { color: #D4AF37; }
    .text-lumi-dark { color: #0A0A0A; }
    
    .font-playfair { font-family: 'Playfair Display', serif; }
    .font-jost { font-family: 'Jost', sans-serif; }
}

body {
    background-color: #0A0A0A;
    color: #FDF9F1;
}

.lumi-btn {
    @apply inline-flex items-center justify-center px-8 py-3 bg-[#D4AF37] text-[#0A0A0A] font-jost font-medium tracking-widest uppercase transition-all duration-500 hover:bg-white hover:shadow-[0_0_20px_rgba(212,175,55,0.4)];
}

.lumi-btn-outline {
    @apply inline-flex items-center justify-center px-8 py-3 border border-[#D4AF37] text-[#D4AF37] font-jost font-medium tracking-widest uppercase transition-all duration-500 hover:bg-[#D4AF37] hover:text-[#0A0A0A] hover:shadow-[0_0_20px_rgba(212,175,55,0.4)];
}

/* Glowing text effect */
.glow-text {
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
}

/* Image Hover Effect */
.product-card {
    @apply relative overflow-hidden group cursor-pointer;
}

.product-card img {
    @apply w-full h-full object-cover transition-transform duration-700 group-hover:scale-105;
}

.product-card .overlay {
    @apply absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 flex flex-col justify-end p-8;
}

/* Custom glowing cursor circle */
.glow-circle {
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, rgba(212,175,55,0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease;
}