/* ── Versant Production Cloud — match dashboard theme ────────────────── */

:root,
[data-md-color-scheme="slate"] {
  /* Background & surface */
  --md-default-bg-color: #141414;
  --md-default-bg-color--light: #1c1c1c;
  --md-default-bg-color--lighter: #222222;
  --md-default-bg-color--lightest: #2a2a2a;

  /* Text */
  --md-default-fg-color: #d4d4d4;
  --md-default-fg-color--light: #888888;
  --md-default-fg-color--lighter: #555555;
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.06);

  /* Accent — dashboard blue */
  --md-accent-fg-color: #5a9fd4;
  --md-accent-fg-color--transparent: rgba(90, 159, 212, 0.12);
  --md-accent-bg-color: #5a9fd4;
  --md-accent-bg-color--light: rgba(90, 159, 212, 0.12);

  /* Primary — dark surface */
  --md-primary-fg-color: #1c1c1c;
  --md-primary-fg-color--light: #222222;
  --md-primary-fg-color--dark: #141414;
  --md-primary-bg-color: #d4d4d4;

  /* Code */
  --md-code-bg-color: #1c1c1c;
  --md-code-fg-color: #d4d4d4;
  --md-code-hl-color: rgba(90, 159, 212, 0.12);

  /* Links */
  --md-typeset-a-color: #5a9fd4;

  /* Footer */
  --md-footer-bg-color: #141414;
  --md-footer-bg-color--dark: #111111;
}

/* ── Header bar ─────────────────────────────────────────────────────── */
.md-header {
  background-color: #1c1c1c;
  border-bottom: 1px solid #2a2a2a;
}

/* ── Sidebar nav ────────────────────────────────────────────────────── */
.md-sidebar {
  border-right: 1px solid #2a2a2a;
}

.md-nav__link:hover,
.md-nav__link--active {
  color: #5a9fd4;
}

/* ── Search ─────────────────────────────────────────────────────────── */
.md-search__input {
  background-color: #222222;
  border: 1px solid #2a2a2a;
}

/* ── Code blocks ────────────────────────────────────────────────────── */
.md-typeset code {
  border: 1px solid #2a2a2a;
}

.md-typeset pre > code {
  border: none;
}

/* ── Tables ─────────────────────────────────────────────────────────── */
.md-typeset table:not([class]) th {
  background-color: #1c1c1c;
  border-color: #2a2a2a;
}

.md-typeset table:not([class]) td {
  border-color: #2a2a2a;
}

/* ── Admonitions ────────────────────────────────────────────────────── */
.md-typeset .admonition {
  border-color: #2a2a2a;
  background-color: #1c1c1c;
}