/* Le fond de l'écosystème (26/10/2026, Phil) : le réseau vivant et les halos de l'accueil, derrière le contenu de chaque page.
   Source unique : charte-graphique/fond-ecosysteme/. */
#eco-reseau{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.eco-fond{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.eco-halo{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3}
.eco-halo.h1{width:320px;height:320px;left:6%;top:8%;background:#93c5fd}
.eco-halo.h2{width:300px;height:300px;right:5%;bottom:6%;background:#c4b5fd}
.eco-halo.h3{width:260px;height:260px;left:42%;top:42%;background:#fdba74;opacity:.22}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="clair"]) .eco-halo{opacity:.18}}
:root[data-theme="dark"] .eco-halo,:root[data-theme="sombre"] .eco-halo{opacity:.18}
@media (prefers-reduced-motion:no-preference){.eco-halo{animation:eco-derive 22s ease-in-out infinite alternate}.eco-halo.h2{animation-duration:26s;animation-direction:alternate-reverse}}
@keyframes eco-derive{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.12)}100%{transform:translate(-26px,20px) scale(.92)}}
/* 29/10/2026 (Phil, l'iPhone chauffait) : sur téléphone et tablette, des halos immobiles, sans flou (un dégradé, bien moins coûteux) */
@media (hover:none) and (pointer:coarse){
  .eco-halo{animation:none!important;filter:none}
  .eco-halo.h1{background:radial-gradient(closest-side,#93c5fd,transparent)}
  .eco-halo.h2{background:radial-gradient(closest-side,#c4b5fd,transparent)}
  .eco-halo.h3{background:radial-gradient(closest-side,#fdba74,transparent)}
}
@media print{#eco-reseau,.eco-fond{display:none}}