/* =========================================================================
   Navbar/footer colour override for the "modern" themed pages
   (login.php, register.php, student/*). Load AFTER nav-style.css:

       <link rel="stylesheet" href="assets/css/nav-style.css">
       <link rel="stylesheet" href="assets/css/nav-theme-modern.css">
       (use "../assets/..." from inside /student)

   Pair this with header.php's $brand_logo_badge = true; so the brand icon
   renders inside a filled gradient badge, matching this theme's look.
   ========================================================================= */
:root {
    --nf-ink: #1a1d29;
    --nf-ink-light: #4b5166;
    --nf-parchment: rgba(109, 93, 252, .08);
    --nf-card: #ffffff;
    --nf-brand-icon: #6d5dfc;
    --nf-burgundy: #e11d48;
    --nf-burgundy-dark: #be123c;
    --nf-sage: #059669;
    --nf-sage-dark: #047857;
}

.navbar {
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: none;
    border-bottom: 1px solid rgba(233, 235, 243, .9);
}

.nav-brand a {
    background: linear-gradient(135deg, #6d5dfc 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-brand a .logo-badge {
    background: linear-gradient(135deg, #6d5dfc 0%, #8b5cf6 100%);
    border-radius: 12px;
}

.nav-links a.active {
    background: linear-gradient(135deg, #6d5dfc 0%, #8b5cf6 100%);
    box-shadow: 0 6px 18px rgba(109, 93, 252, .35);
}

.btn-login-nav {
    background: linear-gradient(135deg, #6d5dfc 0%, #8b5cf6 100%) !important;
    box-shadow: 0 6px 18px rgba(109, 93, 252, .35);
}

.btn-login-nav:hover {
    transform: translateY(-2px);
}