:root {
    --color-primary: #0A0A0A;
    --color-secondary: #121212;
    --color-gold: #D4AF37;
    --font-sans: 'Inter', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-primary);
    font-family: var(--font-sans);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-secondary {
    background-color: var(--color-secondary);
}

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

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

.border-gold {
    border-color: var(--color-gold);
}

.font-sans {
    font-family: var(--font-sans);
}

.shadow-gold-glow {
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.3);
}

.form-input {
    @apply w-full bg-secondary border border-white/20 rounded-md px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-gold focus:border-gold transition-all duration-200;
}

select.form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}

input[type="file"]::-webkit-file-upload-button {
    -webkit-appearance: none;
    appearance: none;
}