/*Colour scheme for dark mode*/
@media (prefers-color-scheme: dark) {
  :root {
    --main-bg-color: rgb(70, 70, 70);
    --main-text-color: rgb(201, 201, 201);
    --border-color: rgb(200, 0, 0);
    --link-color: rgb(201, 201, 201);
    --item-bg-color: rgb(102, 99, 99);
    --item-text-color: rgb(201, 201, 201);
    --focus-bg-color: rgb(200, 0, 0);
    --focus-text-color: rgb(201, 201, 201);
  }
}
/*Colour scheme for light mode*/
@media (prefers-color-scheme: light) {
  :root {
    --main-bg-color: rgb(255, 255, 255);
    --main-text-color: rgb(0, 0, 0);
    --border-color: rgb(0, 34, 187);
    --link-color: rgb(201, 201, 201);
    --item-bg-color: rgb(88, 88, 88);
    --item-text-color: rgb(255, 255, 255);
    --focus-bg-color: rgb(0, 34, 187);
    --focus-text-color: rgb(255, 0, 0);
  }
}