/* ── Global overrides ─────────────────────────────────────────────── */

/* Dark code-block backgrounds in light mode */
[data-md-color-scheme="default"] .md-typeset pre > code {
  background: #1e1e2e;
  color: #abb2bf;
  border-radius: 6px;
}

/* Syntax highlighting for dark code blocks (light mode) */
[data-md-color-scheme="default"] {
  --md-code-hl-keyword-color: #c678dd;
  --md-code-hl-string-color: #98c379;
  --md-code-hl-function-color: #61afef;
  --md-code-hl-number-color: #d19a66;
  --md-code-hl-comment-color: #5c6370;
  --md-code-hl-name-color: #e06c75;
  --md-code-hl-operator-color: #56b6c2;
  --md-code-hl-constant-color: #d19a66;
  --md-code-hl-special-color: #e06c75;
  --md-code-hl-generic-color: #98c379;
  --md-code-hl-punctuation-color: #abb2bf;
  --md-code-hl-variable-color: #e06c75;
}

/* Dark-mode code blocks: distinct from page bg with subtle border */
[data-md-color-scheme="slate"] .md-typeset pre > code {
  background: #181825;
  color: #abb2bf;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

/* Syntax highlighting for dark code blocks (dark mode) */
[data-md-color-scheme="slate"] {
  --md-code-hl-keyword-color: #c678dd;
  --md-code-hl-string-color: #98c379;
  --md-code-hl-function-color: #61afef;
  --md-code-hl-number-color: #d19a66;
  --md-code-hl-comment-color: #5c6370;
  --md-code-hl-name-color: #e06c75;
  --md-code-hl-operator-color: #56b6c2;
  --md-code-hl-constant-color: #d19a66;
  --md-code-hl-special-color: #e06c75;
  --md-code-hl-generic-color: #98c379;
  --md-code-hl-punctuation-color: #abb2bf;
  --md-code-hl-variable-color: #e06c75;
}

/* Body text line-height */
.md-typeset {
  line-height: 1.7;
}

/* Content max-width */
.md-content {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

/* Header border-bottom for visual separation */
.md-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Heading weight: medium instead of bold */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 500;
}

/* ── Endpoint method badges ─────────────────────────────────────── */

/* Style inline code in h3 headings as endpoint badges */
.md-typeset h3 code {
  font-size: 0.75em;
  font-weight: 600;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  border-left: 3px solid #5c6bc0;
  background: rgba(92, 107, 192, 0.08);
  color: var(--md-default-fg-color);
}

/* Light mode endpoint badges */
[data-md-color-scheme="default"] .md-typeset h3 code {
  background: rgba(92, 107, 192, 0.08);
  color: #1a1a2e;
  border-left-color: #5c6bc0;
}

/* Dark mode endpoint badges */
[data-md-color-scheme="slate"] .md-typeset h3 code {
  background: rgba(92, 107, 192, 0.15);
  color: #e0e0e0;
  border-left-color: #7986cb;
}