:root{
  --bg: #212121;
  --border: #2b2b2b;
  --accent-bg: #2b2b2b;
  --text: #dcdcdc;
 --accent: #d81b60;
  --accent-hover: #e787aa;
  --marked: #d81b60;
}

/* Dark theme */
@media(prefers-colour-scheme: dark) {
  :root,
  ::backdrop {
    colour-scheme: dark;
    --bg: rgb(17, 18, 18);
    border: rgb(80, 90, 90);
    --accent-bg: rgb(35,35,36);
    --text: ghostwrite;
    --accent: lightskyblue;
    --accent-hover: lightblue;
    --marked: gold;
  }
}

:root {
  --bg: #212121;
  --border: #2b2b2b;
  --accent-bg: #2b2b2b;
  --text: #dcdcdc;
  --accent: #d81b60;
  --accent-hover: #e787aa;
  --marked: #d81b60;
  
}