/* WFP Brand Colors */
:root {
  --md-primary-fg-color: #2A93FC;
  --md-primary-fg-color--light: #57AAFD;
  --md-primary-fg-color--dark: #1f6ebc;
  --md-accent-fg-color: #037cf5;
  --md-primary-bg-color: #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #57AAFD;
  --md-primary-fg-color--light: #85C1FD;
  --md-primary-fg-color--dark: #2A93FC;
  --md-accent-fg-color: #57AAFD;
}

/* WFP blue header */
.md-header {
  background-color: #2A93FC;
  color: #ffffff;
}

/* White logo in header */
.md-header .md-logo img,
.md-header .md-logo svg {
  filter: brightness(0) invert(1);
}

/* White header text and icons */
.md-header .md-header__title,
.md-header .md-header__topic,
.md-header .md-header__button,
.md-header .md-icon {
  color: #ffffff;
}

/* White search bar on blue header */
.md-header .md-search__input {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.md-header .md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.md-header .md-search__icon {
  color: #ffffff;
}

.md-tabs {
  background-color: #1f6ebc;
}

.md-tabs .md-tabs__link {
  color: rgba(255, 255, 255, 0.8);
}

.md-tabs .md-tabs__link--active,
.md-tabs .md-tabs__link:hover {
  color: #ffffff;
}

/* Dark mode */
[data-md-color-scheme="slate"] .md-header {
  background-color: #1f6ebc;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #0d4f8a;
}