:root {
    --font-main: 'Inter', sans-serif;
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-heading-weight: 600;
    --font-body-weight: 300;
    
    /* Header Customization Vars */
    --header-bg: #eef9ff;
    --header-text: #2b2b2b;
    --header-scroll-bg: #ffffff;
    --header-scroll-text: #1a1a1a;
    --mega-menu-bg: #ffffff;
    
    /* Button 1 (Start) */
    --header-btn-bg: #121212;
    --header-btn-text: #ffffff;
    --header-btn-radius: 5px;
    
    /* Button 2 (Login) */
    --header-btn2-bg: #ffffff;
    --header-btn2-text: #1c1c1c;
    --header-btn2-radius: 5px;
}

/* Dynamic Conditional Styles */
.site-header.mega-menu-open .header-nav .nav-link {
    color: #1a1a1a !important;
}
.site-header.mega-menu-open .btn-login {
    color: #1a1a1a !important;
    border-color: #e2e8f0 !important;
}

.btn-start { background: rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2) !important; color: var(--header-btn-text) !important; }


.logo-variant { filter: brightness(0) !important; }
.site-header.is-dark:not(.scrolled) .logo-variant { filter: brightness(0) invert(1) !important; }
.site-header.scrolled.is-dark .logo-variant { filter: brightness(0) invert(1) !important; }