/*------------------------------------------------DARKMODE------------------------------------------------*/

@media (prefers-color-scheme: dark) {
  :root {
      --primary-color: #FF8F77;
      --background-color: #000;
      --contrast-background-color: #F7F1E9;
      --harmony-background-color: #173229;
      --text-color: #F2F2F2;
      --faded-text-color: #a9a9a9;
      --inverted-text-color: #F7F1E9;
      --box-shadow : none;
  }
  .icon-lm{display:none;}
  .icon-dm{display:inline;}

  .logo-lm{display:none;}
  .logo-dm{display:inline;}

  #backBtn, #nextBtn{
      background-color: rgba(18, 18, 18  , 0.5);
  }
}