:root {
  --vp-c-brand: #07c160;
  --vp-c-brand-light: rgb(7, 193, 96, 0.8);
  --vp-c-brand-lighter: rgb(7, 193, 96, 0.6);
  --vp-c-brand-dark: #07c160;
  --vp-c-brand-darker: #07c160;

  --vp-c-text-light-1: #000;
  --vp-c-text-light-2: #888;
  --vp-c-text-light-3: #b2b2b2;
  --vp-c-text-code: #000000;
  --vp-c-text-dark-3: #888;


  --vp-code-tab-text-color: var(--vp-c-text-light-2);
  --vp-code-tab-active-text-color: var(--vp-c-text-light-1);
  --vp-code-tab-hover-text-color: var(--vp-c-text-light-1);
  --vp-code-tab-divider: var(--vp-c-gutter);
  --vp-code-block-bg-light: #ffffff;
  --vp-code-block-bg: #f9f9fa;

  --vp-code-copy-code-active-text: #000000;
  --vp-code-copy-code-bg: #ffffff;
  --vp-code-copy-code-hover-bg: #f3f4f6;
  --vp-code-copy-code-border-color: rgba(31, 35, 40, 0.15);
  --vp-code-copy-code-hover-border-color: rgba(31, 35, 40, 0.15);

  --vp-c-mute: #f9f9fa;
  --vp-c-gutter: rgba(0, 0, 0, 0.06);
  --vp-c-link: #576b95;
  --vp-c-bg-alt: #00000003;
  --vp-c-bg-soft: var(--vp-c-bg-alt);
  --vp-button-alt-bg: #ffffff;

  --vp-button-alt-hover-bg: var(--vp-c-bg-alt);
  --vp-nav-bg-color: #f7f7f7;

  --vp-sidebar-width: 340px;
}

.dark {
  --vp-c-text-dark-1: #ffffff;
  --vp-c-text-code: #ffffff;

  --vp-code-tab-active-text-color: var(--vp-c-text-dark-1);
  --vp-code-tab-hover-text-color: var(--vp-c-text-dark-1);

  --vp-code-block-bg: #0d1117;
  --vp-c-bg: #020409;
  --vp-c-bg-alt: #0d1117;
  --vp-nav-bg-color: #161b22;

  --vp-c-mute: #313136;
  --vp-c-gutter: #30363d;
  --vp-c-link: #2f81f7;
  --vp-button-alt-bg: #21262d;

  --vp-code-copy-code-active-text: #ffffff;
  --vp-code-copy-code-bg: #21262d;
  --vp-code-copy-code-hover-bg: #21262d;
  --vp-code-copy-code-border-color: rgba(240, 246, 252, 0.1);
  --vp-code-copy-code-hover-border-color: #8b949e;
}