@import url("base.css");

:root {
  --text-color: #3b3e45;
  --background-color: #f5f6f7;
  --alt-background-color: #eceff2;
  --link-color: #1a7bed;
  --blockquote-text-color: #818894;
  --blockquote-border-color: #d5d9dd;
  --header-border-color: #e0e3e7;
  --hr-background-color: #d7dbe0;
  --table-tr-border-color: #bcc2c9;
  --table-td-border-color: #d5d9dd;
  --kbd-text-color: #5b626d;
  --kbd-background-color: #f0f2f4;
  --kbd-border-color: #bcc2c9;
  --kbd-shadow-color: #8b949d;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text-color: #d3dae3;
    --background-color: #383c4a;
    --alt-background-color: #3d414f;
    --link-color: #9ac6ff;
    --blockquote-text-color: #8d949d;
    --blockquote-border-color: #555967;
    --header-border-color: #4a4e5c;
    --hr-background-color: #535765;
    --table-tr-border-color: #6c707e;
    --table-td-border-color: #555967;
    --kbd-text-color: #b3bac3;
    --kbd-background-color: #3f4351;
    --kbd-border-color: #6c707e;
    --kbd-shadow-color: #9a9eac;
  }
}