/* =========================================================
   GitHub-Pro Design — Navy header, blue accent, white content
   ========================================================= */

/* --- Light mode --- */
[data-md-color-scheme="default"] {
  /* Primary = header surface */
  --md-primary-fg-color: #0d1b2a;
  --md-primary-fg-color--light: #1b263b;
  --md-primary-fg-color--dark: #060d14;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);

  /* Accent = interactive elements (hover, active nav, search highlight) */
  --md-accent-fg-color: #0969da;
  --md-accent-fg-color--transparent: rgba(9, 105, 218, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #ffffff;

  /* Body link colour */
  --md-typeset-a-color: #0969da;
}

/* --- Dark mode --- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0d1b2a;
  --md-primary-fg-color--light: #1b263b;
  --md-primary-fg-color--dark: #060d14;
  --md-primary-bg-color: #ffffff;

  --md-accent-fg-color: #58a6ff;
  --md-accent-fg-color--transparent: rgba(88, 166, 255, 0.15);
  --md-accent-bg-color: #ffffff;

  --md-typeset-a-color: #58a6ff;

  --md-default-bg-color: #0d1117;
  --md-default-fg-color: #e6edf3;
  --md-default-fg-color--light: #c9d1d9;
  --md-default-fg-color--lighter: rgba(230, 237, 243, 0.32);
  --md-default-fg-color--lightest: rgba(230, 237, 243, 0.12);
}

/* --- Sidebar: uniform gray surface from top to bottom --- */
.md-sidebar--primary,
.md-sidebar--primary .md-sidebar__scrollwrap,
.md-sidebar--primary .md-sidebar__inner,
.md-sidebar--primary .md-nav,
.md-sidebar--primary .md-nav--primary,
.md-sidebar--primary .md-nav__title {
  background-color: #f6f8fa;
  box-shadow: none;
}
.md-sidebar--primary {
  border-right: 1px solid #d0d7de;
}

/* Hide the redundant site-title block at the top of the sidebar */
.md-sidebar--primary .md-nav--primary > .md-nav__title {
  display: none;
}

/* Active nav item: blue text + left accent bar (no layout shift) */
.md-nav__link--active,
.md-nav__link[aria-current="page"] {
  color: var(--md-accent-fg-color);
  font-weight: 600;
}
.md-nav__item > .md-nav__link--active,
.md-nav__item > .md-nav__link[aria-current="page"] {
  position: relative;
}
.md-nav__item > .md-nav__link--active::before,
.md-nav__item > .md-nav__link[aria-current="page"]::before {
  content: "";
  position: absolute;
  left: -0.6rem;
  top: 0.2rem;
  bottom: 0.2rem;
  width: 3px;
  background-color: var(--md-accent-fg-color);
  border-radius: 2px;
}

[data-md-color-scheme="slate"] .md-sidebar--primary,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__scrollwrap,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__inner,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav--primary,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__title {
  background-color: #161b22;
}
[data-md-color-scheme="slate"] .md-sidebar--primary {
  border-right: 1px solid #30363d;
}

/* --- Header: flat, thin separator instead of drop shadow --- */
.md-header {
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* --- Tabs (if ever re-enabled): clean separator --- */
.md-tabs {
  background-color: var(--md-primary-fg-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* --- Hide the default Material logo icon (no header logo at all) --- */
.md-header__button.md-logo {
  display: none;
}