:root {
  --md-primary-fg-color: #147d78;
  --md-primary-fg-color--light: #32bdaf;
  --md-primary-fg-color--dark: #0f5f5c;
  --md-accent-fg-color: #15acc0;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #111827;
  --md-default-fg-color: #eef2f7;
  --md-default-fg-color--light: #c6d0dc;
  --md-code-bg-color: #0d1420;
}

.md-typeset .doc-hero {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  margin: 0 0 1.6rem;
  padding: clamp(1.2rem, 2.5vw, 2.4rem);
  background:
    linear-gradient(135deg, rgba(50, 189, 175, 0.13), rgba(21, 172, 192, 0.09) 54%, rgba(134, 59, 255, 0.08));
}

.md-typeset .doc-hero h1 {
  margin-bottom: 0.45rem;
}

.md-typeset .doc-hero__lead {
  max-width: 46rem;
  color: var(--md-default-fg-color--light);
  font-size: 1.08rem;
}

.md-typeset .doc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1rem;
}

[data-md-color-scheme="slate"] .md-typeset .doc-hero .md-button:not(.md-button--primary) {
  border-color: #32bdaf;
  color: #5eead4;
}

.md-typeset .api-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.8rem 0 1.2rem;
}

.md-typeset .api-badges span {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  font-weight: 700;
}

.md-typeset .grid.cards > ul > li {
  border-radius: 0.4rem;
}

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

.md-typeset table:not([class]) th {
  background: rgba(20, 125, 120, 0.08);
}

.md-typeset table:not([class]) code {
  white-space: nowrap;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: 0.25rem;
}

.md-typeset .endpoint-list table code:first-child {
  font-weight: 700;
}