/* La nuit */
@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--fb);
    color: var(--fond);
    font-family: 'Vibraday-regular', sans-serif;
  }

  body:before {
    content: "Utiliser des écrans la nuit peut perturber le sommeil, revenez demain!";
    color: var(--fond);
    text-align: center;
    font-family: 'Vibraday-regular', sans-serif;
    background-color: var(--bleu);
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.7;
  }

  .card__content {
    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);
    background: var(--fb);
    color: var(--fond);
  }

  .card__content>picture>img {
    filter: hue-rotate(90deg);
  }

  a {
    text-decoration-line: var(--fond);
    color: var(--fond);
  }

  .image-colored {
    -webkit-filter: hue-rotate(225deg);
    filter: hue-rotate(225deg);
  }

  #page-index .image-colored {
    filter: hue-rotate(516deg);
    -webkit-filter: hue-rotate(516deg);
  }

  #page-index header h2, 
  h2.sticker {
    background-color: var(--bleu);    
  }

  svg.monbouton path {
    fill: var(--fond);
  }

  g.monboutonhome {
    filter: hue-rotate(67deg);
    -webkit-filter: hue-rotate(67deg);
  }

  .sticker {
    background-color: var(--fond);
    color: var(--noir);
  }
}