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

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-ling-primary { background-color: #FAF4F4; }
    .bg-ling-dark { background-color: #2D2323; }
    .bg-ling-accent { background-color: #C89F9C; }
    .bg-ling-light { background-color: #FFFFFF; }
    
    .text-ling-primary { color: #2D2323; }
    .text-ling-accent { color: #C89F9C; }
    .text-ling-muted { color: #8A7F7E; }
    
    .border-ling-accent { border-color: #C89F9C; }
    .border-ling-dark { border-color: #2D2323; }
    
    .font-cormorant { font-family: 'Cormorant Garamond', serif; }
    .font-jost { font-family: 'Jost', sans-serif; }
    
    .btn-ling {
        @apply inline-flex items-center justify-center bg-[#2D2323] text-white font-jost text-sm tracking-[0.2em] uppercase py-4 px-10 hover:bg-[#C89F9C] transition-colors duration-500;
    }
    
    .btn-ling-outline {
        @apply inline-flex items-center justify-center border border-[#2D2323] text-[#2D2323] font-jost text-sm tracking-[0.2em] uppercase py-4 px-10 hover:bg-[#2D2323] hover:text-white transition-colors duration-500;
    }
    
    .nav-link {
        @apply text-[#2D2323] hover:text-[#C89F9C] font-jost text-xs tracking-[0.15em] uppercase transition-colors duration-300 relative;
    }
    
    .nav-link::after {
        content: '';
        @apply absolute -bottom-1 left-0 w-0 h-[1px] bg-[#C89F9C] transition-all duration-300;
    }
    
    .nav-link:hover::after, .nav-link.active::after {
        @apply w-full;
    }
    
    .nav-link.active {
        @apply text-[#C89F9C];
    }
}

.product-card-hover {
    @apply transition-all duration-700;
}

.product-card-hover:hover .product-img {
    transform: scale(1.05);
}

.product-img-wrapper {
    @apply overflow-hidden relative;
}

.product-img {
    @apply w-full h-full object-cover transition-transform duration-700;
}

/* Custom Scrollbar for a more elegant look */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #FAF4F4;
}
::-webkit-scrollbar-thumb {
    background: #C89F9C;
}
::-webkit-scrollbar-thumb:hover {
    background: #2D2323;
}