:root {
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d0d0d;
  --md-default-fg-color: #e6e6e6;
  --md-default-fg-color--light: #b8b8b8;
  --md-default-fg-color--lighter: #7a7a7a;
  --md-code-bg-color: #161616;
  --md-code-fg-color: #e6e6e6;
  --md-typeset-a-color: #ffffff;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fafafa;
  --md-typeset-a-color: #000000;
}

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

.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-header {
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--lightest, rgba(255, 255, 255, 0.06));
}

.md-typeset code {
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

.md-typeset pre > code {
  padding: 1em;
  border-radius: 6px;
}

.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 6px;
  border-color: var(--md-default-fg-color--lightest, rgba(255, 255, 255, 0.08));
}

.md-typeset table:not([class]) {
  font-size: 0.78rem;
}

.md-nav__title {
  font-weight: 600;
}

.hero {
  padding: 2rem 0 1rem;
}

.hero h1 {
  font-size: 2.6rem;
  line-height: 1.1;
  margin-bottom: 0.4em;
}

.hero p.lead {
  font-size: 1.1rem;
  color: var(--md-default-fg-color--light);
  max-width: 36rem;
}