/* === Brand colors === */
:root {
  --md-primary-fg-color: #455B96;
  --md-accent-fg-color: #066aab;
}
[data-md-color-scheme="default"] {
  --md-code-bg-color: #F2F9FE;
}
[data-md-color-scheme="slate"] {
  --md-code-bg-color: #1e2030;
}

/* === UI fixes === */
.md-typeset .headerlink {
  display: none !important;
}
.md-nav__title[for="__drawer"] {
  display: none !important;
}
.md-sidebar--secondary .md-nav__title {
  display: none !important;
}

/* === Landing page hero === */
.hero-version {
  font-size: .85rem;
  color: var(--md-default-fg-color--light);
  margin-top: -.5rem;
  margin-bottom: 1.5rem;
}
.hero-version a {
  margin-left: .25rem;
}
.hero-logo {
  max-width: 180px;
  margin-bottom: 1.5rem;
}

/* === Grid cards (landing page) === */
.md-typeset .grid.cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .8rem;
  margin-top: .5rem;
}
@media screen and (max-width: 76.25em) {
  .md-typeset .grid.cards {
    grid-template-columns: 1fr;
  }
}
.md-typeset .grid.cards > ul {
  display: contents;
  list-style: none;
  padding: 0;
  margin: 0;
}
.md-typeset .grid.cards > ul > li {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .2rem;
  padding: .8rem 1rem;
  transition: border-color 200ms, box-shadow 200ms;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 .1rem .4rem rgba(0,0,0,.05);
}

/* === Header logo === */
.md-header__button.md-logo img {
  filter: brightness(0) invert(1);
}

/* === Footer social icons === */
.md-social__link svg {
  fill: currentcolor;
}

/* === Smooth scrolling for instant navigation === */
html {
  scroll-behavior: smooth;
}