:root {
  --theme-color: #64a7ff;
  --color-bg: #ffffff;
  --color-text: #1a1b21;
  --font-family: Inter, "PT Sans", system-ui, sans-serif;
  --font-weight: 400;
  --link-color: #64a7ff;
  --link-color-hover: #0657c1;
  --link-underline-color: transparent;
  --link-underline-color-hover: #0657c1;
  --link-underline-thickness: 1px;
  --blockquote-border-color: #64a7ff;
  --blockquote-bg: #eff0f4;
  --blockquote-color: #4a4d5c;
  --blockquote-padding: 1em 1.25em;
  --code-bg: #eff0f4;
  --code-color: #ee5622;
  --codeblock-bg: #eff0f4;
  --codeblock-color: #1a1b21;
  --sidebar-link-color-active: #64a7ff;
  --sidebar-name-color: #1a1b21;
  --content-max-width: 80%;
  -webkit-font-smoothing: antialiased;
}

body {
  color: #000;
}

.sidebar {
  color: #000;
}

.sidebar-nav li.active > a {
  position: relative;
  color: var(--theme-color);
}

.sidebar-nav li.active > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: var(--theme-color);
}

.markdown-section a {
  font-weight: 600;
  color: var(--link-color);
}

.markdown-section a:hover {
  color: var(--link-color-hover);
}

.markdown-section :not(pre) > code {
  background: var(--code-bg);
  color: var(--code-color);
}

.markdown-section blockquote {
  background: var(--blockquote-bg);
  border-left: 4px solid var(--blockquote-border-color);
  border-radius: 0;
}

.markdown-section th,
.markdown-section td {
  border: 1px solid #eee;
}

.markdown-section th {
  text-align: left;
}

.markdown-section tr:nth-child(2n) {
  background-color: transparent;
}

.markdown-section em {
  color: #7f8c8d;
}

.markdown-section pre[data-lang] {
  background: var(--codeblock-bg);
}

.markdown-section img {
  max-width: 100%;
  height: auto;
  display: block;
}