:root > * {
  --md-primary-fg-color: #e6195e;
  --md-primary-fg-color--light: #ecb7b7;
  --md-primary-fg-color--dark: #fb005f;
  --md-accent-fg-color: #a11242;
  --md-header-bg-color: #ffffff;
  --md-searchbox-color: #f4f4f4;
  --md-searchbox-color--hover: rgba(0, 0, 0, 0.1);
  --md-searchbox-color-content: rgba(0, 0, 0, 0.6);
  --md-geny-button-border-color: #ebebeb;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #f181a6;
  --md-accent-fg-color: #e6195e;
  --md-header-bg-color: #1e1f28;
  --md-searchbox-color: rgba(255, 255, 255, 0.05);
  --md-searchbox-color--hover: rgba(255, 255, 255, 0.1);
  --md-searchbox-color-content: rgba(255, 255, 255, 0.7);
  --md-geny-button-border-color: #3f3f3f;
}

/* Override footer style */
.md-footer-meta__inner {
  justify-content: center;
}

/* Override header colours */
.md-header {
  background-color: var(--md-header-bg-color);
  color: var(--md-default-fg-color);
}

/* Override top tab bar colors */
.md-tabs {
  background-color: var(--md-header-bg-color);
  color: var(--md-default-fg-color);
}

/* Override search box style */
@media screen and (min-width: 60em) {
  .md-search__form {
    background-color: var(--md-searchbox-color);
  }
  .md-search__form:hover {
    background-color: var(--md-searchbox-color--hover);
  }
  .md-search__input ~ .md-search__icon,
  .md-search__input,
  .md-search__input::placeholder {
    color: var(--md-searchbox-color-content);
  }
}