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

:root {
    --gold: #C5A059;
    --charcoal: #121212;
    --black: #080808;
    --deep-green: #1B2B20;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    overflow-x: hidden;
}

.bg-charcoal { background-color: var(--charcoal); }
.bg-gold { background-color: var(--gold); }
.text-gold { color: var(--gold); }

/* Buttons */
.btn-primary {
    @apply bg-gold text-black font-bold py-4 px-10 rounded-full transition-all duration-300 hover:scale-105 hover:bg-white inline-block;
}

.btn-secondary {
    @apply border-2 border-white/20 text-white font-bold py-4 px-10 rounded-full transition-all duration-300 hover:border-gold hover:text-gold inline-block;
}

/* Service Cards */
.service-card {
    @apply p-10 bg-black border border-white/5 rounded-[2rem] hover:border-gold/30 transition-all duration-500 hover:-translate-y-2;
}

/* Form Inputs */
.form-input {
    @apply w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold transition-colors placeholder:text-gray-600;
}

/* Nav Blur */
#main-nav.scrolled {
    @apply py-3 bg-black/95 border-white/20;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--black);
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
}

/* Responsive Overrides */
@media (max-width: 768px) {
    .btn-primary, .btn-secondary {
        @apply w-full text-center;
    }
}