/* Bascule clair/sombre. Les couleurs viennent des variables du bloc THEME de chaque page.
   Sans data-theme="light", rien ci-dessous ne s'applique (le sombre reste tel quel). */
.theme-toggle{display:none;position:absolute;z-index:2;width:40px;height:40px;padding:0;align-items:center;justify-content:center;border:1px solid var(--c-line-strong);border-radius:9999px;background:transparent;color:var(--c-ink);cursor:pointer;font:inherit}
html[data-theme] .theme-toggle{display:inline-flex}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{border-color:var(--c-ink)}
.theme-toggle:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}
html[data-theme="light"] .tt-sun,html:not([data-theme="light"]) .tt-moon{display:none}
.top .theme-toggle{top:12px;right:calc(var(--gut) + 92px)}
@media (min-width:1101px){.top .theme-toggle{top:50%;right:-52px;transform:translateY(-50%)}}
@media (min-width:1101px) and (max-width:1249px){.top .theme-toggle{top:calc(100% + 10px);right:0;transform:none}}
@media (prefers-reduced-motion:no-preference){.theme-toggle{transition:border-color .2s}}

html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{background:var(--c-bg)}
/* En-tete et menu */
html[data-theme="light"] .logo,html[data-theme="light"] .brand{color:var(--c-ink)}
html[data-theme="light"] .link,html[data-theme="light"] .f-card .link,html[data-theme="light"] a.link{color:var(--c-ink)!important}
html[data-theme="light"] .link:hover,html[data-theme="light"] .menu a:hover,html[data-theme="light"] .foot a:hover,html[data-theme="light"] .nav__toggle:checked ~ .top .menu a:hover{color:var(--c-ink)!important;text-decoration:underline;text-underline-offset:4px}
html[data-theme="light"] .btn:hover,html[data-theme="light"] .top__btn:hover,html[data-theme="light"] .top__cta:hover{background:var(--c-btn-hover);color:var(--c-btn-hover-ink)}
html[data-theme="light"] .figures dd,html[data-theme="light"] .hero__title em,html[data-theme="light"] .statement__txt em{color:var(--c-ink-soft)!important}
html[data-theme="light"] .stars{color:var(--c-star)!important}
html[data-theme="light"] .facts svg,html[data-theme="light"] .facts dt{color:var(--c-ink-faint)!important}
@media (min-width:1101px){
  html[data-theme="light"] .top{background:rgba(255,255,255,.88);border-color:var(--c-line);box-shadow:0 8px 28px rgba(11,11,12,.12)}
  html[data-theme="light"] .top.is-solid{background:rgba(255,255,255,.96)}
  html[data-theme="light"] .top .menu a{color:var(--c-ink)}
  html[data-theme="light"] .top .menu a:hover{color:var(--c-ink)}
}
@media (max-width:1100px){
  html[data-theme="light"] .top{background:rgba(255,255,255,.94);border-bottom-color:var(--c-line)}
  html[data-theme="light"] .nav__toggle:checked ~ .top .menu{background:var(--c-bg);border-top-color:var(--c-line)}
  html[data-theme="light"] .nav__toggle:checked ~ .top .menu a{color:var(--c-ink);border-bottom-color:var(--c-line)}
  html[data-theme="light"] .nav__toggle:checked ~ .top .menu a.menu__cta{color:#FFFFFF!important;border:0}
  html[data-theme="light"].menu-open .top{background:var(--c-bg)!important}
}
/* Hero */
html[data-theme="light"] .hero__bg{background:radial-gradient(60% 70% at 78% 45%,rgba(228,0,43,.05) 0%,rgba(228,0,43,0) 65%),linear-gradient(160deg,#FFFFFF 0%,#F4EFE6 55%,#FFFFFF 100%)!important}
html[data-theme="light"] .hero__bg::before{opacity:.03}
html[data-theme="light"] .hero__bg::after{display:none}
html[data-theme="light"] .hero :is(h1,h2,p,dt,dd,li,small,address,figcaption,a:not([class*="btn"]),[class*="label"],[class*="eyebrow"],[class*="tag"]:not([class*="btn"]),[class*="badge"],[class*="caption"]){color:var(--c-ink)!important;text-shadow:none!important}
html[data-theme="light"] .hero h1 *,html[data-theme="light"] .hero h1 em,html[data-theme="light"] .hero h1 em *{color:var(--c-ink-soft)!important;text-shadow:none!important}
html[data-theme="light"] .hero p.lead,html[data-theme="light"] .hero p.hero__vocal,html[data-theme="light"] .hero p.hero__reassure{color:var(--c-ink-soft)!important}
html[data-theme="light"] .hero p.label,html[data-theme="light"] .hero figcaption.su__cap{color:var(--c-ink-faint)!important}
html[data-theme="light"] .hero .btn.btn--line,html[data-theme="light"] .hero .btn.btn--line:hover{color:var(--c-ink)!important}
/* Panneau Scout */
html[data-theme="light"] .su{background:var(--c-panel);border-color:var(--c-panel-line);box-shadow:0 30px 60px -30px rgba(11,11,12,.28)}
html[data-theme="light"] .su__side{border-right-color:var(--c-panel-line);background:var(--c-panel)}
html[data-theme="light"] .hero .su .su__brand,html[data-theme="light"] .hero .su .su__nav.is-on{color:var(--c-ink)!important}
html[data-theme="light"] .hero .su .su__nav{color:var(--c-ink-faint)!important}
html[data-theme="light"] .su__nav.is-on{background:var(--c-panel-3)}
html[data-theme="light"] .su__main{background:var(--c-panel-2)}
@media (max-width:560px){html[data-theme="light"] .su__side{border-bottom-color:var(--c-panel-line)}}
/* Cartes metiers et visuels */
html[data-theme="light"] .metier{background:var(--c-panel);border-color:var(--c-panel-line)}
html[data-theme="light"] .metier svg{stroke:var(--c-ink)}
html[data-theme="light"] .metier h3{color:var(--c-ink)}
html[data-theme="light"] .metier p,html[data-theme="light"] .metiers .metier p{color:var(--c-ink-soft)}
html[data-theme="light"] .metier .metier__ex{color:var(--c-ink-faint)!important}
html[data-theme="light"] .f-vis{background:var(--c-panel-2)!important;border-color:var(--c-panel-line);color:var(--c-ink)}
html[data-theme="light"] .vx__ic,html[data-theme="light"] .sa__ic{border-color:var(--c-line-strong);color:var(--c-ink)}
/* Section vocale */
html[data-theme="light"] .vx__demo{background:var(--c-panel);border-color:var(--c-panel-line);color:var(--c-ink);box-shadow:0 24px 50px -30px rgba(11,11,12,.25)}
html[data-theme="light"] .vx__bar,html[data-theme="light"] .vx__foot{border-color:var(--c-panel-line)}
html[data-theme="light"] .vx__badge{border-color:var(--c-line-strong);color:var(--c-ink)}
html[data-theme="light"] .vx__live,html[data-theme="light"] .vx__co,html[data-theme="light"] .vx__foot{color:var(--c-ink-soft)}
html[data-theme="light"] .vx__tab{color:var(--c-ink);border-color:var(--c-line-strong)}
html[data-theme="light"] .vx__tab[aria-selected="true"]{background:var(--c-ink);color:#FFFFFF;border-color:var(--c-ink)}
html[data-theme="light"] .vx__tab:focus-visible,html[data-theme="light"] .vx__replay:focus-visible{outline-color:var(--c-focus)}
html[data-theme="light"] .vx__m small,html[data-theme="light"] .vx__dossier dt{color:var(--c-ink-faint)}
html[data-theme="light"] .vx__m--a{background:var(--c-panel-2);border-color:var(--c-panel-line);color:var(--c-ink)}
html[data-theme="light"] .vx__m--c{background:var(--c-panel-3);color:var(--c-ink)}
html[data-theme="light"] .vx__ev{color:var(--c-ink-soft);border-color:var(--c-line-strong)}
html[data-theme="light"] .vx__ev--ok{border-color:var(--c-ink-faint);color:var(--c-ink)}
html[data-theme="light"] .vx__replay{color:var(--c-ink);border-color:var(--c-line-strong)}
html[data-theme="light"] .vx__replay:hover{background:var(--c-ink);color:#FFFFFF}
html[data-theme="light"] .vx__dossier{background:var(--c-panel-2);border-color:var(--c-line-strong);color:var(--c-ink)}
html[data-theme="light"] .vx__dossier b{color:var(--c-ink-faint)}
html[data-theme="light"] .vx__dossier dd{color:var(--c-ink)}
html[data-theme="light"] .vx__m,html[data-theme="light"] .vx__ev{--c-ink-soft:#3A3A3D}
/* Anciennes cartes d'animation Scout */
html[data-theme="light"] .sa__panel{background:var(--c-panel);border-color:var(--c-panel-line);color:var(--c-ink)}
html[data-theme="light"] .sa__card,html[data-theme="light"] .sa__card b{background:var(--c-panel-2);border-color:var(--c-panel-line);color:var(--c-ink)!important}
html[data-theme="light"] .sa__card span,html[data-theme="light"] .sa__note,html[data-theme="light"] .sa__cap,html[data-theme="light"] .sa__st{color:var(--c-ink-faint)!important}
html[data-theme="light"] .sa__chip{color:var(--c-ink)!important;border-color:var(--c-line-strong)}
/* Bandes : la bande sombre devient blanche, la creme reste creme */
html[data-theme="light"] .band-sombre{background:#FFFFFF!important}
html[data-theme="light"] .hero,html[data-theme="light"] .sec--alt{background-color:var(--c-bg-2)}
/* Formulaire, FAQ, pied de page */
html[data-theme="light"] .form{background:var(--c-surface);border-color:var(--c-line-strong)}
html[data-theme="light"] .form input:not([type="checkbox"]),html[data-theme="light"] .form select,html[data-theme="light"] .form textarea{background:#FFFFFF;color:var(--c-ink);border-color:var(--c-field-line)}
html[data-theme="light"] .form ::placeholder{color:var(--c-ink-faint);opacity:1}
html[data-theme="light"] .form__err{border-color:var(--c-err);color:var(--c-err);background:#FFFFFF}
html[data-theme="light"] .form__ok{color:var(--c-ok)}
html[data-theme="light"] .foot__mega,html[data-theme="light"] .foot__mega i{color:var(--c-ink)!important;-webkit-text-fill-color:var(--c-ink)!important}
/* Bandeau de consentement : couleurs fixes, lisible dans les deux themes */
html[data-theme="light"] .consent-bar{box-shadow:0 -6px 24px rgba(11,11,12,.14)}
html[data-theme="light"] .label,html[data-theme="light"] .vx__m small,html[data-theme="light"] .vx__dossier dt{color:var(--c-ink-faint)}
html[data-theme="light"] .band-clair .label{color:#55524b!important}