/* =========================================================
   PEAU — DEEP SPACE
   La matiere du hub : le vide, noir et profond. Pas un gris
   nuit, pas de degrade, pas d'etoiles — du noir pur, ce qui
   laisse aux planetes d'etre les seules choses eclairees.

   C'est une peau comme les autres : elle remplace la matiere du
   rayon (`--rayon-fond`, `--rayon-bord`), dit qu'elle n'a pas de
   motif, et habille ce qui se pose dessus. La maison au-dessus
   reste en noir et blanc, sur son blanc : l'espace commence sous
   l'encoche, comme le mur Chat-Man.

   Elle est liee dans l'entete de TOUTES les pages, parce que
   l'onglet du hub garde sa matiere partout (cf. onglets) : sans
   elle, il se peindrait blanc puis noir sous l'oeil.
   ========================================================= */

[data-peau="deep-space"] {
  /* LE VIDE N'EST PAS #000. Un noir pur sur un ecran se lit comme un ecran
     eteint, pas comme une profondeur ; les palettes « espace » partent toutes
     d'un noir a peine bleute. Le fond de « Midnight Orbit » (#0b1026,
     media.io) se lisait BLEU NUIT, pas noir : on garde une pointe de froid
     (deux points de bleu), rien de plus. La face cachee des planetes s'y
     fond d'elle-meme : elle est noire, posee en `screen` (epoque.css). */
  --vide: #0b0c10;
  --rayon-fond: var(--vide);
  --rayon-bord: var(--noir);
  --sol-motif: none;
}

[data-peau="deep-space"] .page,
.onglet[data-peau="deep-space"] {
  color: var(--blanc);
}

[data-peau="deep-space"] .page a:focus-visible,
[data-peau="deep-space"] .page button:focus-visible,
.onglet[data-peau="deep-space"]:focus-visible {
  outline-color: var(--blanc);
}

/* LE VIDE VA JUSQU'EN BAS. Une page de rayon est plus longue que la fenetre,
   et son panneau finit sous le dernier objet ; le hub tient dans un ecran, et
   un panneau qui s'arreterait sous sa derniere ligne laisserait une bande
   blanche sous l'espace. Le panneau prend donc ce qui reste de la fenetre.
   `svh`, le petit etat : une page qui ne defile pas ne replie jamais sa
   barre d'adresse, et le grand etat la ferait defiler de la hauteur de la
   barre — pour rien. */
:root[data-peau="deep-space"] body {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
}
:root[data-peau="deep-space"] .page { flex: 1 0 auto; }

/* Dans le vide, rien sur quoi porter une ombre : la planete n'en a pas. */
[data-peau="deep-space"] .planete__astre { box-shadow: none; }