/* ==========================================================================
   MCL Client Documentation - GitHub Dark / Light Aesthetic Theme
   Colors inspired by GitHub Primer (Dark Default & Light Default)
   Modern typography (Plus Jakarta Sans + JetBrains Mono), white header text,
   and Journeymap-styled expandable/collapsible navigator.
   ========================================================================== */

/* GitHub Dark Default Theme Colors */
[data-md-color-scheme="slate"] {
  /* GitHub Dark canvas / background */
  --md-default-bg-color: #0d1117;
  --md-default-bg-color--light: #161b22;
  --md-default-bg-color--lighter: #21262d;
  --md-default-bg-color--lightest: #30363d;

  /* Typography & Foreground */
  --md-default-fg-color: #e6edf3;
  --md-default-fg-color--light: #8d96a0;
  --md-default-fg-color--lighter: #6e7681;
  --md-default-fg-color--lightest: #484f58;

  /* GitHub Accent Blue */
  --md-primary-fg-color: #2f81f7;
  --md-primary-fg-color--light: #58a6ff;
  --md-primary-fg-color--dark: #1f6feb;
  --md-primary-bg-color: #010409;
  --md-primary-bg-color--light: #0d1117;

  --md-accent-fg-color: #2f81f7;
  --md-accent-fg-color--transparent: rgba(47, 129, 247, 0.15);

  /* Code block */
  --md-code-bg-color: #161b22;
  --md-code-fg-color: #e6edf3;

  /* Border */
  --github-border: #30363d;
}

/* GitHub Light Default Theme Colors */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: #f6f8fa;
  --md-default-bg-color--lighter: #eaeeef;
  --md-default-bg-color--lightest: #d0d7de;

  --md-default-fg-color: #1f2328;
  --md-default-fg-color--light: #656d76;
  --md-default-fg-color--lighter: #8c959f;
  --md-default-fg-color--lightest: #afb8c1;

  --md-primary-fg-color: #0969da;
  --md-primary-fg-color--light: #218bff;
  --md-primary-fg-color--dark: #0550ae;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f6f8fa;

  --md-accent-fg-color: #0969da;
  --md-accent-fg-color--transparent: rgba(9, 105, 218, 0.1);

  --md-code-bg-color: #f6f8fa;
  --md-code-fg-color: #1f2328;

  --github-border: #d0d7de;
}

/* ==========================================================================
   Header - GitHub Header Styling with White Text
   ========================================================================== */
.md-header {
  background-color: #010409 !important;
  border-bottom: 1px solid #30363d !important;
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-header {
  background-color: #24292f !important;
  border-bottom: 1px solid #d0d7de !important;
}

.md-header .md-header__title,
.md-header .md-header__topic,
.md-header .md-header__ellipsis,
.md-header .md-ellipsis,
.md-header .md-source__repository {
  color: #ffffff !important;
  font-weight: 600;
}

.md-header .md-header__button,
.md-header .md-header__button svg,
.md-header .md-icon svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Search bar header styling */
.md-search__form {
  background-color: #0d1117 !important;
  border: 1px solid #30363d !important;
  border-radius: 6px !important;
}

[data-md-color-scheme="default"] .md-search__form {
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   Journeymap-style Collapsible Navigator
   Chevron toggle arrow, blue active highlight, clean left border line
   ========================================================================== */
.md-sidebar--primary .md-nav__item--nested > .md-nav__link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  font-weight: 600;
  border-radius: 6px;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #58a6ff !important;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__item--nested > .md-nav__link:hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #0969da !important;
}

/* Arrow indicator chevron in navigator */
.md-sidebar--primary .md-nav__icon {
  margin-left: auto;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Indentation and subtle left guide line for nested child links */
.md-sidebar--primary .md-nav__item--nested .md-nav {
  padding-left: 0.75rem;
  border-left: 1px solid #30363d;
  margin-left: 0.5rem;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__item--nested .md-nav {
  border-left: 1px solid #d0d7de;
}

/* Active link color in navigator (GitHub Blue) */
.md-sidebar--primary .md-nav__link--active {
  color: #58a6ff !important;
  font-weight: 600;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link--active {
  color: #0969da !important;
  font-weight: 600;
}

/* Content Links - GitHub Blue */
.md-typeset a {
  color: #58a6ff;
}

[data-md-color-scheme="default"] .md-typeset a {
  color: #0969da;
}

/* Hide permalink paragraph symbol (¶) on headings */
.md-typeset .headerlink {
  display: none !important;
}