/* La Clique — les fonds d'écran par section (27 oct. 2026, images générées par Gabriel).
   La page Présentation (index.html) garde son fond à elle (la ville la nuit).
   - espace  : ton espace (Mon espace, Tableau de bord, Attestation)
   - travail : le travail (Cours, Ordinateur virtuel) — plus foncé et un peu flou, pour garder la concentration
   - info    : les pages d'info (Conditions, Confidentialité)
   Chaque page choisit son fond avec <html data-fond="espace|travail|info">. Images : assets/fonds/.
   Le fond est posé derrière tout (html::before), fixe quand on défile, et assombri pour que le texte reste lisible. */
html[data-fond]{background:#02050c}
html[data-fond] body{background:transparent !important}
html[data-fond]::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:var(--voile),var(--image) center/cover no-repeat;
}
html[data-fond="espace"]{--image:url('../assets/fonds/fond-espace.webp');--voile:linear-gradient(180deg,rgba(2,5,12,.55),rgba(2,5,12,.72))}
html[data-fond="info"]{--image:url('../assets/fonds/fond-info.webp');--voile:linear-gradient(180deg,rgba(2,5,12,.66),rgba(2,5,12,.82))}
html[data-fond="travail"]{--image:url('../assets/fonds/fond-travail.webp');--voile:linear-gradient(180deg,rgba(2,5,12,.74),rgba(2,5,12,.86))}
html[data-fond="travail"]::before{filter:blur(2px);inset:-6px}

/* Les anciens fonds de ces pages laissent la place au nouveau */
html[data-fond] body::before{display:none !important}  /* Mon espace : la ville en transparence */
html[data-fond] .fond{display:none !important}          /* Tableau de bord : le ciel aux aurores */