:root > * {
  --md-primary-fg-color: #315f9e;
  --md-primary-fg-color--light: #4f8cff;
  --md-primary-fg-color--dark: #244875;
  --md-accent-fg-color: #376fae;
  --md-code-font: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --md-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b0f14;
  --md-default-fg-color: #e6edf3;
  --md-default-fg-color--light: #b7c2ce;
  --md-default-fg-color--lighter: #8290a0;
  --md-code-bg-color: #11161d;
  --md-code-fg-color: #e6edf3;
  --md-primary-fg-color: #16253a;
  --md-primary-fg-color--light: #4f8cff;
  --md-primary-fg-color--dark: #0f1b2b;
  --md-accent-fg-color: #73a7ef;
}

.md-header {
  box-shadow: 0 1px 0 color-mix(in srgb, var(--md-default-fg-color) 14%, transparent);
}

.md-typeset a,
.md-nav__link--active {
  color: var(--md-accent-fg-color);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: -0.015em;
}

.md-typeset .admonition,
.md-typeset details,
.md-typeset code,
.md-typeset .highlight pre {
  border-radius: 0.35rem;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-color: color-mix(in srgb, var(--md-primary-fg-color--light) 24%, var(--md-default-fg-color--lightest));
  box-shadow: none;
}