/* ============================================================
   THINDUSTRIE V2 — surcouche thème CLAIR (logo rouge)
   À charger APRÈS app.css. Garde les héros/CTA en photo sombre,
   passe tout le contenu en clair.
   ============================================================ */html[data-theme="light"]{
  --bg:#f4f4f6; --bg-2:#ffffff; --panel:#ffffff; --panel-2:#f2f2f5;
  --text:#101114; --muted:#5a5b63; --muted-2:#8a8b93;
  --line:rgba(16,17,20,.13); --line-2:rgba(16,17,20,.07);
}html[data-theme="light"] body{background:var(--bg);color:var(--text)}html[data-theme="light"] body::after{display:none}/* enlève la vignette sombre */html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4{color:var(--text)}/* sections immersives (photo) restent sombres -> texte blanc forcé */html[data-theme="light"] .hero h1, html[data-theme="light"] .phero h1, html[data-theme="light"] .cta-in h2{color:#fff}html[data-theme="light"] .hero h1 em{color:var(--red)}html[data-theme="light"] .hero .hero-since{color:rgba(255,255,255,.72)}html[data-theme="light"] .scroll-cue{color:rgba(255,255,255,.7)}html[data-theme="light"] .phero .crumb{color:rgba(255,255,255,.7)}/* ---- header : clair au repos sur le hero, dense au scroll ---- */html[data-theme="light"] .logo img{filter:brightness(0) invert(1)}/* logo blanc au-dessus du hero */html[data-theme="light"] .hdr.solid .logo img{filter:none}/* logo ROUGE sur fond clair */html[data-theme="light"] .menu a{color:#fff}html[data-theme="light"] .hdr.solid .menu a{color:var(--text)}html[data-theme="light"] .hdr.solid .menu a:hover{color:var(--red)}html[data-theme="light"] .burger span{background:#fff}html[data-theme="light"] .hdr.solid .burger span{background:var(--text)}html[data-theme="light"] .hdr-phone{color:#fff}html[data-theme="light"] .hdr.solid .hdr-phone{color:var(--text)}html[data-theme="light"] .hdr-phone .pic{border-color:rgba(255,255,255,.3)}html[data-theme="light"] .hdr.solid .hdr-phone .pic{border-color:var(--line)}html[data-theme="light"] .hdr.solid{background:rgba(255,255,255,.84);border-bottom-color:var(--line)}@media(max-width:1080px){html[data-theme="light"] .menu{background:var(--bg-2)}html[data-theme="light"] .menu a, html[data-theme="light"] .hdr.solid .menu a{color:var(--text)}}/* boutons outline : foncés sur fond clair, blancs sur les héros sombres */html[data-theme="light"] .btn-out{border-color:var(--line);color:var(--text)}html[data-theme="light"] .btn-out:hover{background:var(--text);color:#fff}html[data-theme="light"] .hero .btn-out, html[data-theme="light"] .cta .btn-out, html[data-theme="light"] .phero .btn-out{border-color:rgba(255,255,255,.32);color:#fff}html[data-theme="light"] .hero .btn-out:hover, html[data-theme="light"] .cta .btn-out:hover, html[data-theme="light"] .phero .btn-out:hover{background:#fff;color:var(--text)}/* marquee services */html[data-theme="light"] .strip{background:var(--bg-2)}html[data-theme="light"] .mq .it{color:var(--text)}html[data-theme="light"] .mq .it.muted{color:var(--muted-2)}/* stats */html[data-theme="light"] .stat .n{color:var(--text)}/* secteurs (liste) */html[data-theme="light"] .srow{background:var(--bg)}html[data-theme="light"] .srow .nm{color:var(--text)}html[data-theme="light"] .srow .go{color:var(--text)}html[data-theme="light"] .srow:hover .nm{color:var(--red)}/* pourquoi (trio) */html[data-theme="light"] .tcell:hover{background:var(--panel-2)}/* barres qualité */html[data-theme="light"] .qb .top h4{color:var(--text)}html[data-theme="light"] .qb .track{background:rgba(16,17,20,.1)}/* équipe */html[data-theme="light"] .tm .num{color:rgba(16,17,20,.12)}/* filtres projets */html[data-theme="light"] .fbtn{color:var(--muted)}html[data-theme="light"] .fbtn:hover{color:var(--text);border-color:var(--text)}/* contact */html[data-theme="light"] .cinfo a, html[data-theme="light"] .cinfo p{color:var(--text)}html[data-theme="light"] .cinfo a:hover{color:var(--red)}html[data-theme="light"] .form{background:var(--panel)}html[data-theme="light"] .fld input, html[data-theme="light"] .fld select, html[data-theme="light"] .fld textarea{background:#fff;color:var(--text)}html[data-theme="light"] .map iframe{filter:grayscale(.15)}/* footer clair */html[data-theme="light"] .ft{background:var(--panel-2)}html[data-theme="light"] .ft-logo{filter:none}html[data-theme="light"] .ft li a, html[data-theme="light"] .ft li span{color:var(--text)}html[data-theme="light"] .ft li a:hover{color:var(--red)}html[data-theme="light"] .ft-soc a{border-color:var(--line)}html[data-theme="light"] .ft-soc svg{color:var(--text)}html[data-theme="light"] .ft-soc a:hover svg{color:#fff}html[data-theme="light"] .ft-big{color:var(--text);opacity:.05}/* références par secteur — logos sombres sur fond clair */html[data-theme="light"] .ref-logos img, html[data-theme="light"] .sb-logos img{filter:grayscale(1) brightness(0);opacity:.55}html[data-theme="light"] .ref-logos img:hover{opacity:1}/* survol du secteur -> logos en couleur authentique */html[data-theme="light"] .sblock:hover .sb-logos img{filter:none;opacity:1}/* loader clair */html[data-theme="light"] .loader{background:var(--bg)}html[data-theme="light"] .loader-logo{filter:none}html[data-theme="light"] .loader-bar{background:rgba(16,17,20,.12)}
/* survol secteurs : garder les logos lisibles, couleur seulement si version couleur dispo */
html[data-theme="light"] .sblock:hover .sb-logos img{opacity:1;filter:grayscale(1) brightness(0)}
html[data-theme="light"] .sblock:hover .sb-logos img.has-color{filter:none}