@font-face {
    font-family: 'Lovelo';
    src: url('../fonts/Lovelo Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Custom styles for fixed header */
#main-nav {
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, border-bottom-color 0.3s ease;
}

#main-nav.scrolled {
    background-color: rgba(18, 38, 50, 0.95);
    /* matching secondary color with opacity */
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Dark mode adjustment if needed */
.dark #main-nav.scrolled {
    background-color: rgba(13, 27, 36, 0.95);
    /* matching background-dark */
}

/* Extracted from index.html */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #F05B22, #F97316);
}

.hero-pattern {
    background-color: #112B3C;
    background-image: radial-gradient(at 0% 0%, rgba(234, 88, 44, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(234, 88, 44, 0.10) 0px, transparent 50%);
}

/* Glassmorphism for dark themes */
.glass-dark {
    background: rgba(17, 24, 39, 0.7);
    /* slate-900 with opacity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}