:root {
  --dark-color: rgb(185, 210, 130);
  --light-color: rgb(70, 185, 210);
  --revert-color: var(--light-color);

  --main-color: rgb(200, 200, 185);
  --main-bg-color: rgb(20, 20, 15);

  --a-color: var(--dark-color);
  --a-hover-color: rgb(210, 250, 130);
  --a-underline-color: rgba(130, 210, 210, 0.5);
  --a-underline-hover-color: var(--dark-color);

  --blockquote-bg-color: rgb(30, 30, 25);

  --code-color: rgb(200, 200, 185);
  --code-bg-color: rgb(50, 55, 45);

  --del-line-through-color: rgba(225, 155, 155, 0.6);
}

@media (prefers-color-scheme: light) {
  :root {
    --revert-color: var(--dark-color);

    --main-color: rgb(50, 50, 60);
    --main-bg-color: rgb(250, 250, 245);

    --a-color: var(--light-color);
    --a-hover-color: rgb(50, 220, 220);
    --a-underline-color: rgba(185, 210, 130, 0.5);
    --a-underline-hover-color: var(--light-color);

    --blockquote-bg-color: rgb(245, 245, 245);

    --code-color: rgb(70, 70, 60);
    --code-bg-color: rgb(230, 230, 230);
  }
}