@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');

:root {
    --gold-light: #D4AF37;
    --gold-dark: #996515;
    --black-gold: #1A1A1A;
    --ink: #0A0A0A;
}

body {
    font-family: 'Inter', sans-serif;
}

.font-serif {
    font-family: 'Cormorant Garamond', serif;
}

.gold-gradient {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-dark) 100%);
}

.gold-text {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gold-border {
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.glass-card {
    background: rgba(26, 26, 26, 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.1);
}

.smooth-scroll {
    scroll-behavior: smooth;
}

.nav-link {
    @apply text-sm font-medium transition-colors hover:text-[#D4AF37] text-gray-400;
}

.nav-link.active {
    @apply text-[#D4AF37] border-b-2 border-[#D4AF37];
}

.social-icon {
    @apply w-10 h-10 rounded-full gold-border flex items-center justify-center text-[#D4AF37] hover:bg-[#D4AF37] hover:text-[#0A0A0A] transition-all cursor-pointer;
}

.product-card:hover {
    transform: translateY(-10px);
}

.product-card {
    transition: transform 0.3s ease;
}

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

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

::-webkit-scrollbar-thumb {
    background: var(--gold-dark);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gold-light);
}