@media (prefers-color-scheme: light) {
  :root {
    --accent-color: darkorchid;
    --secondary-color: darkblue;
    --text-color: black;
    --background-color: white;

    --soft-color: darkviolet;
    --svg-filter: invert(18%) sepia(24%) saturate(7459%) hue-rotate(268deg) brightness(89%) contrast(95%);

    --in5-ar-color: darkblue;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent-color: plum;
    --secondary-color: lightblue;
    --text-color: white;
    --background-color: black;
   
    --soft-color: pink;
    --svg-filter: invert(87%) sepia(96%) saturate(1151%) hue-rotate(213deg) brightness(89%) contrast(93%);;
    
    --in5-ar-color: lightblue;
  }
}