:root {
  --lb-black: #0b0b0b;
  --lb-yellow: #ffd200;
  --lb-yellow-dark: #d7a900;
}

/* Material's generated palette selectors are more specific than :root. */
body[data-md-color-primary="black"] {
  --md-primary-fg-color: var(--lb-black);
  --md-primary-fg-color--light: #2a2a2a;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-typeset-a-color: var(--lb-yellow-dark);
}

body[data-md-color-accent="yellow"] {
  --md-accent-fg-color: var(--lb-yellow-dark);
  --md-accent-fg-color--transparent: rgba(215, 169, 0, 0.1);
  --md-accent-bg-color: var(--lb-black);
  --md-accent-bg-color--light: rgba(11, 11, 11, 0.54);
}

.md-header {
  background-color: var(--lb-black);
  color: var(--lb-yellow);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 2rem;
  height: 2rem;
}

.md-header__title,
.md-tabs__link {
  color: #ffffff;
}

.md-search__form {
  background-color: rgba(255, 255, 255, 0.16);
}

.md-search__form:hover,
.md-search__input:focus {
  background-color: #ffffff;
}

.md-tabs {
  background-color: #181818;
}

.md-tabs__link--active,
.md-tabs__link:hover,
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover,
.md-typeset a {
  color: var(--lb-yellow-dark);
}

.md-typeset a:hover {
  color: var(--lb-black) !important;
}

.md-typeset h1,
.md-typeset h2 {
  color: var(--lb-black);
}

.md-typeset code {
  border-color: rgba(215, 169, 0, 0.35);
}

.md-button,
.md-button--primary {
  border-color: var(--lb-black);
}

.md-button--primary {
  background-color: var(--lb-black);
  color: var(--lb-yellow);
}

.md-button:hover,
.md-button--primary:hover {
  background-color: var(--lb-yellow);
  border-color: var(--lb-yellow);
  color: var(--lb-black);
}

.md-footer {
  background-color: var(--lb-black);
}

.md-footer-meta {
  background-color: #000000;
}

.md-search__icon,
.md-search__input::placeholder,
.md-nav__link:focus,
.md-nav__link:hover,
.md-tabs__link:hover,
.md-tabs__link--active {
  color: var(--lb-yellow-dark);
}

.md-typeset mark {
  background-color: rgba(255, 210, 0, 0.5);
}