.md-home[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--dark: #000000;
  --md-primary-fg-color--light: #1a1a1a;

  --md-default-bg-color: #000000;
  --md-default-bg-color--light: #0a0a0a;
  --md-code-bg-color: #0d0d0d;

  background-color: #000 !important;
}

/* DARK MODE SURFACES ONLY */
.md-home[data-md-color-scheme="slate"] .md-container,
.md-home[data-md-color-scheme="slate"] .md-main,
.md-home[data-md-color-scheme="slate"] .md-content,
.md-home[data-md-color-scheme="slate"] .md-header,
.md-home[data-md-color-scheme="slate"] .md-tabs,
.md-home[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #000 !important;
  border-color: #111 !important;
}

/* Container adjustment to alignment badges cleanly */
.md-typeset p:has(> .mdx-badge) {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-bottom: 16px;
}

/* Base pill shape layout */
.mdx-badge {
    display: inline-flex;
    align-items: center;
    background-color: var(--md-default-fg-color--05);
    border: 1px solid var(--md-default-fg-color--10);
    border-radius: 12px;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
}