/* Charte des deux mondes : couleurs du site, du portail et des transitions. */
:root {
  --gris-0: #000000;
  --gris-165: #a5a5a5;
  --gris-180: #b4b4b4;
  --gris-190: #bebebe;
  --gris-200: #c8c8c8;
  --gris-205: #cdcdcd;
  --gris-212: #d4d4d4;
  --gris-222: #dedede;
  --gris-226: #e2e2e2;
  --gris-232: #e8e8e8;
  --gris-235: #ebebeb;
  --gris-243: #f3f3f3;
  --gris-255: #ffffff;
  --couleur-page: var(--gris-255);
  --couleur-encre: var(--gris-0);
  --couleur-bouton-son: var(--gris-243);
  --couleur-icone-son: var(--gris-180);
  --couleur-focus-son: var(--gris-165);
  --monde-page: var(--gris-255);
  --monde-enfer: #c93612;
  --monde-porte: #260b0b;
  --monde-fer: #731d12;
  --monde-feu: #ffad24;
  --monde-braise: #ec4217;
  --monde-lumiere: var(--gris-255);
}

body.enfer {
  --monde-page: var(--monde-enfer);
  --couleur-page: #ffad24;
  --couleur-encre: #260b0b;
  --couleur-bouton-son: #731d12;
  --couleur-icone-son: #ffad24;
  --couleur-focus-son: var(--gris-255);
}