/* Thème clair : blanc et violet AxeAgent */
:root{--background:270 20% 98%;--foreground:256 22% 10%;--hero-sub:256 8% 34%;--accent:#7C3AED;--accent-2:#6D28D9}
body,.page,.interne,.suite{background:hsl(var(--background))}
.hero-blur{background:#FBFAFD;opacity:.8}
.topbar-glass,.interne .topbar-glass{background:rgba(251,250,253,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.divider{background:linear-gradient(90deg,transparent,rgba(20,10,40,.12),transparent)}
.liquid-glass{background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(20,10,40,.09)}
.liquid-glass::before,.carte::before,.dd-panel::before,footer.pied .pied-cols::before{display:none}
.btn-glass:hover{background:#fff}
.nav-pill>a:hover,.nav-pill .dd:hover>a,.nav-pill a.on{background:rgba(20,10,40,.06)}
.carte{background:#fff;box-shadow:0 0 0 1px rgba(20,10,40,.08),0 1px 2px rgba(20,10,40,.04)}
.carte .ico{background:#F3EEFF;border-color:#E6DBFF;color:var(--accent)}
.etapes .carte::after{color:#C4B5FD}
.dd-panel,.menu-mobile{background:#fff;box-shadow:0 0 0 1px rgba(20,10,40,.08),0 12px 32px rgba(20,10,40,.1)}
.dd-panel a:hover,.menu-mobile a:hover{background:#F5F2FA}
.appel{background:#F4EFFF;box-shadow:inset 0 0 0 1px #E6DBFF}
footer.pied .pied-cols{background:#fff;box-shadow:0 0 0 1px rgba(20,10,40,.08)}
.cadre{background:#fff;box-shadow:0 0 0 1px rgba(20,10,40,.1),0 8px 24px rgba(20,10,40,.06)}
.apercus a:hover .cadre{box-shadow:0 0 0 1px rgba(124,58,237,.45),0 8px 24px rgba(20,10,40,.08)}
.faq details,.faq details:last-child{border-color:rgba(20,10,40,.1)}
.form input,.form textarea{background:#fff;border-color:rgba(20,10,40,.14)}
.burger{background:#fff;border-color:rgba(20,10,40,.12)}
.scroll-hint{border-color:rgba(20,10,40,.3)}.scroll-hint::after{background:#15121C}
.pied-bas,footer.pied .pied-bas{color:hsl(var(--foreground)/.5)}
.schema,.schema.liquid-glass{background:#fff;box-shadow:0 0 0 1px rgba(20,10,40,.08)}
.noeud{background:#FAF8FD;box-shadow:inset 0 0 0 1px rgba(20,10,40,.08)}
.noeud.fort{background:#F4EFFF;box-shadow:inset 0 0 0 1px #DCCBFF}
.noeud .chip{background:rgba(20,10,40,.05);box-shadow:none}
.tool img[src*="glpi"]{filter:invert(1)}

/* Hero : bande sombre avec la vidéo d'origine (non inversée) ; le reste de la page reste clair */
.bg-video{filter:none;display:block!important}
.hero-blur{display:block!important;background:#06040d;opacity:.88}
.page{background:#06040d;color:#F4F2F8}
.page .topbar-glass{background:rgba(6,4,13,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.page .divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.page .liquid-glass,.page .nav-pill,.page .btn-glass,.page .tool{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#F4F2F8}
.page .nav-pill>a,.page .nav-pill .dd>a{color:rgba(244,242,248,.9)}
.page .nav-pill>a:hover,.page .nav-pill .dd:hover>a,.page .nav-pill a.on{background:rgba(255,255,255,.1);color:#fff}
.page .btn-glass.violet,.page .btn-glass.violet:hover{background:var(--accent);box-shadow:none;color:#fff}
.page .hero h1{color:#F4F2F8}.page .hero h1 .grad{color:#C4B5FD}
.page .hero .sub{color:rgba(244,242,248,.8)}
.page .lien-sec{color:rgba(244,242,248,.65)}
.page .dd-panel,.page .menu-mobile{background:rgba(10,7,22,.92);color:#F4F2F8;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.page .dd-panel a:hover,.page .menu-mobile a:hover{background:rgba(255,255,255,.07)}
.page .dd-panel span{color:rgba(244,242,248,.55)}
.page .scroll-hint{border-color:rgba(255,255,255,.35)}.page .scroll-hint::after{background:#fff}
.page .tool img[src*="glpi"]{filter:none}
.page .burger{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}