/* Cyber-Growth Aesthetic for Artes do Sul 2026 */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

:root {
    --gold: #FFD700;
    --gold-dark: #B8860B;
    --obsidian: #030712;
    --glass: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--obsidian);
}

h1, h2, h3, h4, .font-heading {
    font-family: 'Outfit', sans-serif;
}

.text-gold { color: var(--gold); }
.bg-gold { background-color: var(--gold); }
.from-gold { --tw-gradient-from: var(--gold); }
.to-gold-dark { --tw-gradient-to: var(--gold-dark); }
.bg-obsidian { background-color: var(--obsidian); }

/* Glassmorphism */
.glass {
    background: var(--glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
}

.glass-dark {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Custom Shadows */
.shadow-3xl {
    box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.5);
}

/* Animations */
@keyframes pulse-slow {
    0%, 100% { opacity: 0.1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.1); }
}

.animate-pulse-slow {
    animation: pulse-slow 8s infinite ease-in-out;
}

/* Transitions */
.hover-scale {
    transition: transform 0.3s ease;
}
.hover-scale:hover {
    transform: scale(1.05);
}

/* Scroll Snap */
html {
    scroll-behavior: smooth;
}

/* Typography Enhancements */
.tracking-ultra {
    letter-spacing: 0.2em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .glass {
        backdrop-filter: blur(10px);
    }
}