@import url("base.css");

:root {
  --text-color: rgba(0, 0, 0, 0.8);
  --background-color: #f5f5f5;
  --alt-background-color: #eeeeee;
  --link-color: #0d71de;
  --blockquote-text-color: #747e85;
  --blockquote-border-color: #d6d8da;
  --header-border-color: #e1e2e4;
  --hr-background-color: #d8dadd;
  --table-tr-border-color: #bdc1c6;
  --table-td-border-color: #d6d8da;
  --kbd-text-color: #4e585e;
  --kbd-background-color: #f1f1f1;
  --kbd-border-color: #bdc1c6;
  --kbd-shadow-color: #8c939a;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text-color: #eeeeee;
    --background-color: #26262A;
    --alt-background-color: #37373D;
    --link-color: #b5daff;
    --blockquote-text-color: #a8a8a6;
    --blockquote-border-color: #4D4D55;
    --header-border-color: #43434A;
    --hr-background-color: #4B4B53;
    --table-tr-border-color: #63636D;
    --table-td-border-color: #4D4D55;
    --kbd-text-color: #cececc;
    --kbd-background-color: #3A3A40;
    --kbd-border-color: #63636D;
    --kbd-shadow-color: #91919B;
  }
}
