/* ============================================================
   LE FOND DE PLAN — la feuille (mission `fond`, oct. 2026).
   Le dessin est dans /assets/fond.js ; ici, sa place et ses jetons.
   Les couleurs descendent des jetons de la maison (--encre, --papier,
   --blanc, --fleche), dont les VALEURS changent par mode
   (html[data-mode] = jour | nuit | facsimile) : le fond suit sans rien
   savoir des modes, sauf ce qui lui est propre — l'opacité du plan, les
   lumières de la nuit, la lueur de la trace, la trame du fac-similé.
   Ce fichier est mis en cache : un changement se bumpe dans le `?v=`
   de tete() (tools/gen-site.mjs) et de 404.html.
   ============================================================ */
:root{
  --fond-ilot: var(--encre);      /* l'encre des îlots */
  --fond-papier: var(--blanc);    /* le papier d'un fragment découpé */
  --fond-lumiere: #ffc978;        /* un réverbère, la nuit */
  --fond-trace: var(--fleche);    /* le rouge des flèches */
  --fond-a: .065;                 /* l'opacité du plan (couche proche) */
  --fond-ilot-a: 1;
  --fond-bord-a: .7;
  --fond-lumiere-a: 0;            /* pas de lumières le jour */
  --fond-trace-a: .42;
  --fond-lueur: 0;                /* shadowBlur de la trace, en px */
  --fond-trame: 0;                /* trame de points d'imprimerie */
}
/* LA NUIT : les îlots se fondent dans la nuit (ils prennent le papier, qui
   est sombre), les rues sont les filets plus clairs entre eux, presque
   éteints ; les carrefours s'allument ; la trace luit. */
html[data-mode="nuit"]{
  --fond-ilot: var(--papier);
  --fond-papier: #574e3e;   /* plus sombre qu'au premier réglage (#6b604c, fait sur des jetons provisoires) */
  --fond-a: .2;
  --fond-ilot-a: .92;
  --fond-bord-a: .5;
  --fond-lumiere-a: .9;
  --fond-trace-a: .62;
  --fond-lueur: 7;
}
/* LE FAC-SIMILÉ : un plan imprimé, en sépia, sous une trame de points ; sans lueur. */
html[data-mode="facsimile"]{
  --fond-ilot: var(--encre);
  --fond-a: .095;
  --fond-ilot-a: .78;
  --fond-trame: .55;
  --fond-trace-a: .36;
}

/* la place : fixe, derrière TOUT, jamais une cible. Trois couches que le
   compositeur fait glisser, la trace, puis le voile de papier sur le texte. */
.fond{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.fond canvas{position:absolute;display:block}
.fond-couche{will-change:transform}
.fond-trace,.fond-voile{left:0;top:0;width:100%;height:100%}
/* le canvas est sous le flux : le corps doit laisser voir au travers (html garde le papier) */
html.fond-on body{background:transparent}
@media print{.fond{display:none!important}html.fond-on body{background:var(--papier)}}