/*
 * Thin color remap onto MkDocs Material's defaults — lab brand accent only.
 * Everything else (typography, spacing, header/footer chrome) is left as
 * Material's defaults; this is an internal site and the doc-site look is fine.
 */

:root {
  --md-accent-fg-color: #3b82f6;
  --md-accent-fg-color--transparent: rgba(59, 130, 246, 0.1);
  --md-typeset-a-color: #3b82f6;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #60a5fa;
  --md-typeset-a-color: #60a5fa;
}

/* Hide the GitHub repo button in the top-right header bar. The repo_url
 * stays set so per-page Edit/View actions still work. */
.md-header__source {
  display: none;
}

/* Site title in the header bar — lowercase. */
.md-header__title {
  text-transform: lowercase;
}

/* Nudge the logo up a hair so it visually centers with the title text.
 * Applies to header and mobile drawer logos. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg,
.md-nav__button.md-logo img,
.md-nav__button.md-logo svg {
  transform: translateY(-2px);
}

/* Dark mode: swap to the white-stroked logo. Both light and dark logos use an
 * SVG <mask> to genuinely carve out the inner counter / ear / stem shapes,
 * so the page bg shows through cleanly on any background color.
 * Cover both the header (.md-header__button.md-logo) and the mobile
 * drawer (.md-nav__button.md-logo) so the collapsed menu matches too. */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-nav__button.md-logo img {
  content: url('../assets/logo-dark.svg');
}