:root,
[data-md-color-scheme="slate"] {
  /* Dark navy — page background */
  --md-default-bg-color: #111828;
  --md-default-bg-color--light: #1a2235;
  --md-default-bg-color--lighter: #253743;
  --md-default-bg-color--lightest: #2f4555;

  /* Teal — header, primary */
  --md-primary-fg-color: #253743;
  --md-primary-fg-color--light: #2f4555;
  --md-primary-fg-color--dark: #1b2a33;

  /* Accent — lighter teal for links/hover */
  --md-accent-fg-color: #5ba3c2;
  --md-accent-fg-color--transparent: rgba(91, 163, 194, 0.12);

  /* Text */
  --md-typeset-color: rgba(230, 237, 243, 0.88);
  --md-default-fg-color: rgba(230, 237, 243, 0.88);
  --md-default-fg-color--light: rgba(230, 237, 243, 0.62);
  --md-default-fg-color--lighter: rgba(230, 237, 243, 0.32);
  --md-default-fg-color--lightest: rgba(230, 237, 243, 0.12);

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

  /* Code blocks */
  --md-code-bg-color: #1a2235;
  --md-code-fg-color: #c9d8e4;
  --md-code-hl-color: rgba(91, 163, 194, 0.15);

  /* Footer */
  --md-footer-bg-color: #0d1320;
  --md-footer-bg-color--dark: #090e18;
}

/* Header */
.md-header {
  background-color: #253743;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Tabs */
.md-tabs {
  background-color: #253743;
}

/* Sidebar */
.md-sidebar {
  background-color: #111828;
}

.md-nav__link--active {
  color: #5ba3c2 !important;
  border-left: 3px solid #5ba3c2;
  padding-left: 8px;
}

/* Headings */
.md-typeset h1 {
  color: #c9d8e4;
  font-weight: 300;
}

.md-typeset h2 {
  color: #a8bfcf;
  border-bottom: 1px solid #253743;
  padding-bottom: 0.3em;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #253743;
  color: #c9d8e4;
}

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

.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: rgba(37, 55, 67, 0.25);
}

/* Search */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.08);
}

/* Horizontal rule */
.md-typeset hr {
  border-color: #253743;
}

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
  border-color: #253743;
  background-color: #1a2235;
}