@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
    --color-gold: #b28a4c;
    --color-gold-light: #d1b17b;
    --color-gold-dark: #8c6a36;
    --color-dark: #1f1f1f;
    --color-light: #f9f9f9;
}

body {
    font-family: "Poppins", sans-serif;
    background-color: var(--color-light);
    color: var(--color-dark);
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: "Playfair Display", serif;
}

.text-gold { color: var(--color-gold); }
.bg-gold { background-color: var(--color-gold); }
.border-gold { border-color: var(--color-gold); }
.hover\:text-gold:hover { color: var(--color-gold-light); }
.hover\:bg-gold:hover { background-color: var(--color-gold-light); }

/* Solid Header */
.glass-header {
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid #f0f0f0;
}

/* Hero Section */
.hero-overlay {
    background: linear-gradient(135deg, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.6) 100%);
}

.hero-image {
    animation: zoomOut 20s infinite alternate linear;
}

@keyframes zoomOut {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Custom Buttons */
.btn-gold {
    background: linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));
    color: white;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(178, 138, 76, 0.3);
}

.btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(178, 138, 76, 0.5);
    background: linear-gradient(135deg, var(--color-gold-light), var(--color-gold));
}

.btn-outline-gold {
    border: 2px solid var(--color-gold);
    color: var(--color-gold);
    transition: all 0.3s ease;
}

.btn-outline-gold:hover {
    background: var(--color-gold);
    color: white;
}

/* 3D Cards */
.card-3d {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.card-3d:hover {
    transform: translateY(-10px) rotateX(2deg) rotateY(-2deg);
    box-shadow: -10px 15px 30px rgba(0, 0, 0, 0.15);
}

/* Animations */
.fade-up {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--color-light);
}
::-webkit-scrollbar-thumb {
    background: var(--color-gold);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-gold-dark);
}