:root {
  --background-primary: #ffffff;
  --on-primary: #333333;
  --key-primary: #ffbb00;
  --border-primary: #313a6a;
  --background-secondary: #f2f2f2;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-secondary: #10193e;
    --on-primary: #e3e5ed;
    --headline-primary: #ffffff;
    --key-primary: #ffbb00;
    --border-primary: #313a6a;
    --background-primary: #080c23;
  }
}