/* ============================================================================
   AMORCE — le fond de l'ecran, pose des la premiere image affichee
   ============================================================================

   CE QUE CE FICHIER REMPLACE, ET POURQUOI
   ---------------------------------------
   Les 56 pages portaient toutes, en tete de `<head>`, la meme ligne :

       <meta name="theme-color" content="#dddddd">
       <style>html{background:#dddddd}</style>

   Elle servait a eviter le flash blanc avant l'arrivee des feuilles de style.
   Le probleme n'etait pas l'intention -- elle est bonne -- mais le NOMBRE :
   la meme couleur ecrite 112 fois, hors de portee de `tokens.css`. Changer le
   gris de l'application aurait laisse 56 pages a l'ancienne valeur, et il
   aurait fallu 56 modifications pour s'en apercevoir.

   POURQUOI UNE FEUILLE ET NON UN `<style>` INLINE : une feuille de style
   placee dans le `<head>` BLOQUE le rendu -- le navigateur n'affiche rien
   tant qu'il ne l'a pas lue. Le fond est donc pose des la toute premiere
   image, exactement comme le faisait le `<style>` inline, mais depuis un seul
   endroit et a partir d'un jeton.

   POURQUOI `var(--ork-fond-app)` FONCTIONNE ALORS QUE `tokens.css` EST CHARGE
   PLUS LOIN : une variable CSS n'est pas resolue quand la regle est LUE, mais
   quand la valeur est CALCULEE, une fois toute la cascade connue. L'ordre des
   `<link>` n'a donc aucune importance ici. (Il en a pour le pont `--ssa-*` de
   tokens.css, qui doit rester APRES theme-ssa.css : ce sont deux mecanismes
   differents, ne pas les confondre.)

   LA COULEUR DE LA BARRE DU NAVIGATEUR (`<meta name="theme-color">`) ne peut
   pas lire une variable CSS : c'est un attribut HTML. Elle est donc posee par
   `theme-ssa.js` (fonction `poserCouleurNavigateur`), qui LIT le jeton calcule
   et ecrit la balise. Meme source unique, un seul chemin de plus.
   ============================================================================ */

html {
  background: var(--ork-fond-app);
}
