:root {
  --md-primary-fg-color: #1f6feb;
  --md-primary-fg-color--light: #58a6ff;
  --md-primary-fg-color--dark: #1158c7;
  --md-accent-fg-color: #58a6ff;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d1117;
  --md-default-fg-color: #e6edf3;
  --md-default-fg-color--light: #8b949e;
  --md-code-bg-color: #161b22;
  --md-footer-bg-color: #010409;
  --md-footer-bg-color--dark: #010409;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1f2328;
  --md-code-bg-color: #f6f8fa;
}

.md-header {
  background: linear-gradient(90deg, #0d1117 0%, #161b22 100%);
}

[data-md-color-scheme="default"] .md-header {
  background: linear-gradient(90deg, #f6f8fa 0%, #ffffff 100%);
}

.md-typeset .grid.cards > ol > li,
.md-typeset .grid.cards > ul > li {
  border-color: #30363d;
  background: #161b22;
}

[data-md-color-scheme="default"] .md-typeset .grid.cards > ol > li,
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li {
  background: #f6f8fa;
  border-color: #d0d7de;
}

.md-typeset code {
  border-radius: 6px;
}

.md-typeset table:not([class]) th {
  background: #161b22;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background: #f6f8fa;
}