@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --background: #ffffff;
    --text: #42444a;
    --link: #0d88d8;
    --link-hover: #101115;
    --accent-1: #f6f6f6;
    --accent-2: #d4d4d6;
    --accent-3: #84868b;
    --highlight: #e3e3e6;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #212121;
    --text: #dcdcdc;
    --link: #ffcc33;
    --link-hover: #ffffff;
    --accent-1: #3d4149;
    --accent-2: #53565d;
    --accent-3: #d4d4d6;
    --highlight: #53565d;
  }
}