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

/* --- 1. Base Styles & Typography --- */
body { 
    font-family: 'Inter', sans-serif; 
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

/* --- 2. Color & Layout Utilities --- */
.gold-text { 
    color: #D4AF37; 
}

.bg-gold { 
    background-color: #D4AF37; 
}

.border-gold { 
    border-color: #D4AF37; 
}

.hover-gold:hover { 
    color: #D4AF37; 
}

.bg-overlay { 
    background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.4)); 
}

/* Extra premium gradients for headers and special sections */
.gold-gradient { 
    background: linear-gradient(135deg, #D4AF37 0%, #AA8C2C 100%); 
}

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

/* --- 3. Interactive Component & UI Effects --- */

/* Image Hover & Zoom Micro-interactions */
.img-container { 
    overflow: hidden; 
    position: relative; 
}

.img-container img { 
    transition: transform 0.7s ease; 
}

.group:hover .img-container img { 
    transform: scale(1.05); 
}

/* Premium UI Enhancements (Glassmorphism & Soft Shadows) */
.glass-panel { 
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); 
}

.soft-shadow { 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04); 
}

/* Luxury 3D Hover Lift Effect */
.hover-lift { 
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease; 
}

.hover-lift:hover { 
    transform: translateY(-6px); 
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); 
}

/* --- 4. Custom Browser Selection UI --- */
::selection {
    background-color: #D4AF37;
    color: #000;
}

::-moz-selection {
    background-color: #D4AF37;
    color: #000;
}

/* --- 5. Custom Sleek Scrollbar UI --- */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a; 
}

::-webkit-scrollbar-thumb {
    background: #D4AF37; 
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #B8860B; 
}