/* ==========================================================================================
   Voxquel — ce qui manque à specs/design/website/commun/site.css pour tenir une vraie page.

   Chaque règle ici est À REPORTER dans commun/site.css, puis à retirer de ce fichier. Elle n'est pas
   écrite là-bas directement parce que commun/ est la couche du design, et ne s'édite pas depuis le
   site (charte-web.md § 12.2, règle 6). Même règle que site.css : aucune valeur écrite, des jetons.
   ========================================================================================== */

/* La page elle-même. Dans une planche, c'est bundle.css qui remet la marge du <body> à zéro — dans son
   habillage de planche, qui ne part pas dans le site. Sans cette règle, la page a 8 px de marge
   blanche autour de l'en-tête.
   Le fond se pose aussi sur <html> : c'est lui qu'on voit quand la page rebondit en haut ou en bas
   d'un défilement. data-theme est sur <html>, les jetons s'y résolvent donc dans le bon thème. */
html { background: var(--fond); }
body.site { margin: 0; }

/* La marque en tête de l'accueil (lot WB, planche WB1). L'illustration du haut de page n'est pas
   tranchée (WB1, axe b) : la planche dessine par défaut la marque seule, immobile. Elle prend
   --avatar-forme parce qu'au repos l'avatar EST la marque pleine (principes.md E2) : le jour où
   l'éditeur préfère l'avatar immobile, la place ne change pas. Deux fichiers, parce que les SVG
   n'héritent pas de la couleur (identite-visuelle.md § 2). */
.site-accueil-marque { display: flex; }
.site-accueil-marque img { width: var(--avatar-forme); height: auto; }
.site-accueil-marque .encre { display: var(--site-montre-clair); }
.site-accueil-marque .papier { display: var(--site-montre-sombre); }

/* La page courante dans le pied (WA3, t-pied ; la construction pose aria-current) : comme dans le
   menu, elle se lit sans la couleur — un soulignement épais, en encre (charte-web.md § 4). */
.site-pied-liste a[aria-current="page"] { text-decoration-color: var(--encre); text-decoration-thickness: var(--site-anneau); }

/* Une page plus courte que la fenêtre (la page introuvable, la maintenance) laissait sous le pied une
   bande du fond de <html> : relevé par le lot WF à 1280. Le pied se pose en bas, le contenu prend le
   reste. */
body.site { display: flex; flex-direction: column; min-height: 100vh; }
body.site > .site-principal { flex: 1 0 auto; }