/* Blackbook docs theme tweaks on top of Zensical's default (black primary). */

/* With a black primary, links would default to black body-text color. Give them
   a distinct indigo that reads in both schemes. */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #3949ab;
  --md-accent-fg-color: #1a237e;
}

[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #9fa8da;
  --md-accent-fg-color: #c5cae9;
}

/* The logo is a black glyph; flip it to white on the dark scheme. */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-nav__button.md-logo img,
[data-md-color-scheme="slate"] .bb-hero__logo {
  filter: invert(1);
}

/* Landing-page hero */
.bb-hero {
  text-align: center;
  max-width: 44rem;
  margin: 1.5rem auto 2rem;
}

.bb-hero__logo {
  display: block;
  margin: 0 auto 0.5rem;
}

.md-typeset .bb-hero h1 {
  margin-bottom: 0.25rem;
  font-weight: 700;
  color: var(--md-default-fg-color);
}

.md-typeset .bb-hero__tagline {
  margin-top: 0;
  font-size: 1.15em;
  font-style: italic;
  color: var(--md-default-fg-color--light);
}

.md-typeset .bb-hero .md-button {
  margin: 0.25rem;
}

/* A black primary button disappears on the dark scheme; invert it there. */
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}