body {
  .only-on-dark {
    display: none;
  }

  // dark mode
  @media (prefers-color-scheme: dark) {
    --text-color: rgb(222, 112, 108);
    --background-color: rgb(41, 23, 44);
    --accent-color: rgb(222, 112, 108);

    .only-on-dark {
      display: inline-block;
    }

    .only-on-light {
      display: none;
    }
  }


  // light mode
  --text-color: rgb(29, 29, 29);
  --background-color: rgb(255, 255, 255);
  --accent-color: rgb(211, 55, 38);

  font-family: Fredoka;
  font-weight: 300;

  color: var(--text-color);
  background-color: var(--background-color);


}
