/* Base navbar (ton style normal blanc) = tu gardes ton CSS actuel */

/* 1) cachée pendant transition */
.navbar-showcase.is-hidden{
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    filter: blur(2px);
}

/* 2) mode “scènes” : sombre + glass */
.navbar-showcase.is-story{
    background: rgba(7,10,18,.35);
    border-bottom: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 20px 80px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
}

/* textes en blanc en mode story */
.navbar-showcase.is-story .logo span,
.navbar-showcase.is-story .nav-links a{
    color: rgba(255,255,255,.92);
}
.navbar-showcase.is-story .nav-links a:hover{
    color: rgba(76,195,189,.95);
}

/* boutons en mode story */
.navbar-showcase.is-story .btn-secondary{
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
}
.navbar-showcase.is-story .btn-primary{
    background: rgba(76,195,189,.18);
    border: 1px solid rgba(76,195,189,.42);
    color: rgba(255,255,255,.92);
}
/* ✅ MODE NORMAL (après l’intro) : blanc */
.navbar-showcase:not(.is-story){
    background: rgba(255,255,255,.95);
    border-bottom: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    backdrop-filter: blur(10px);
}

.navbar-showcase:not(.is-story) .logo span,
.navbar-showcase:not(.is-story) .nav-links a{
    color: var(--text-main, #2b2d42);
}