:root,
[data-md-color-scheme="default"] {
  --vb-bg: #fbfcfb;
  --vb-surface: #fff;
  --vb-tint: #eff3f0;
  --vb-text: #151d19;
  --vb-muted: #5f6d68;
  --vb-rule: #e1e7e3;
  --vb-green: #3d5c52;
  --vb-green-deep: #2f4a41;
  --vb-lime: #69cc07;
  --vb-glow: 0;
  --vb-link: var(--vb-green);
  --vb-link-hover: var(--vb-green-deep);
  --vb-footer: #151d19;
  --vb-radius: .4rem;
  --vb-grid: 70rem;
  --vb-font: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --md-text-font: var(--vb-font);
  --md-code-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --md-primary-fg-color: var(--vb-green);
  --md-primary-fg-color--light: #a3c2b8;
  --md-primary-fg-color--dark: #141f1b;
  --md-accent-fg-color--transparent: rgb(61 92 82 / 10%);
  --md-default-fg-color--lighter: #8d9994;
  --md-footer-fg-color--light: rgb(255 255 255 / 72%);
  --md-footer-fg-color--lighter: rgb(255 255 255 / 45%);
  color-scheme: light;
}

[data-md-color-scheme="slate"] {
  --vb-bg: #0f1512;
  --vb-surface: #161d1a;
  --vb-tint: #1a2420;
  --vb-text: #e8ede9;
  --vb-muted: #a0ada7;
  --vb-rule: #26312c;
  --vb-glow: 14;
  --vb-link: #a3c2b8;
  --vb-link-hover: #c4dbd3;
  --vb-footer: #090d0b;

  --md-accent-fg-color--transparent: rgb(163 194 184 / 12%);
  --md-default-fg-color--lighter: #6f7f79;
  --md-code-bg-color: #090d0b;
  --md-code-fg-color: var(--vb-text);
  color-scheme: dark;
}