/* Core Styling */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #131313;
    color: #E2E2E2;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Custom Gradients and Panels */
.obsidian-gradient {
    background: linear-gradient(135deg, #FFB59A 0%, #FF5C00 100%);
}

.glass-panel {
    backdrop-filter: blur(20px);
    background: rgba(53, 53, 53, 0.4);
}

/* Navigation Link Helpers */
.nav-link {
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing: -0.025em;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #E2E2E2;
    transition: color 0.3s;
}

.nav-link:hover {
    color: #FFB59A;
}

.nav-link-active {
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing: -0.025em;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #FFB59A;
    border-bottom: 2px solid #FF5C00;
    padding-bottom: 0.25rem;
}

.mobile-nav-link {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #E2E2E2;
}

/* Form Container Logic */
#mobile-menu.hidden {
    display: none;
}

#mobile-menu:not(.hidden) {
    display: flex;
}