/* Généré par build.mjs (src/vitrine/fond-statique.ts) depuis fond.tsx et vitrine.css : ne pas modifier. */
:root { --fond-outils-voile: linear-gradient(to top, color-mix(in srgb, #f5f8fb 72%, transparent), color-mix(in srgb, #f5f8fb 28%, transparent) 55%); --fond-outils-nuages: url(/fond/nuages-clair.svg); --fond-outils-paysage: url(/fond/paysage-clair.svg); --fond-outils-ciel: linear-gradient(#edf3f9, #f6f8fb); }
@media (prefers-color-scheme: dark) { :root { --fond-outils-voile: linear-gradient(to top, color-mix(in srgb, #0d1720 72%, transparent), color-mix(in srgb, #0d1720 28%, transparent) 55%); --fond-outils-nuages: url(/fond/nuages-sombre.svg); --fond-outils-paysage: url(/fond/paysage-sombre.svg); --fond-outils-ciel: linear-gradient(#101c2b, #162638); } }
body::before {
  --fond-portrait: 0.9; --fond-rognage-max: 1.25;
  --fond-h: max(min(100vh, calc(100vw * var(--fond-portrait))), min(56.25vw, calc(100vh * var(--fond-rognage-max))));
  --fond-l: calc(var(--fond-h) * 16 / 9);
  --fond-cadre: calc(var(--fond-l) * 3920 / 1920);
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    var(--fond-outils-voile),
    var(--fond-outils-nuages) center top / var(--fond-cadre) auto no-repeat,
    var(--fond-outils-paysage) center bottom / var(--fond-cadre) var(--fond-h) no-repeat,
    var(--fond-outils-ciel);
}
body:has(> .barre-presentation)::before, body[data-page$="-presenter"]::before { content: none; }
@media print { body::before { content: none; } }