:root {
  --vp-c-brand: #4749FF;
  --vp-c-brand-dark: #6B7AFF;
  --vp-code-block-bg: var(--vp-c-bg-soft);
  --vp-code-block-bg-light: var(--vp-c-bg-soft-down);
  --vp-code-line-highlight-color: rgba(0, 0, 0, 0.1);
  --vp-code-copy-code-hover-bg: rgba(0, 0, 0, 0.05);
  --vp-code-copy-code-active-text: var(--vp-c-text-2);

  --dm-color-brand: var(--vp-c-brand);
}

.dark {
  --vp-c-brand: #6B7AFF;
  --vp-c-brand-dark: #4749FF;
  --vp-code-line-highlight-color: rgba(0, 0, 0, 0.5);
  --vp-code-copy-code-hover-bg: rgba(255, 255, 255, 0.05);

  --dm-color-brand: var(--vp-c-brand);
}

.dark img.auto-dark-img {
  filter: invert(1) hue-rotate(180deg);
}

.vp-doc [class*='language-'] > span.lang {
  color: var(--vp-c-text-3);
}

.vp-doc table {
  display: table;
  width: 100%;
}

.medium-zoom-overlay {
  z-index: 100;
}

.medium-zoom-overlay ~ img {
  z-index: 101;
}

.vp-doc img {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--vp-c-divider);
  border-radius: 8px;
  box-shadow: var(--vp-shadow-1);
}
