:root {
  --md-primary-fg-color: #0EB0C0;
  --md-primary-fg-color--light: #3cc4d1;
  --md-primary-fg-color--dark: #0a8a97;
  --md-accent-fg-color: #FB9999;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0EB0C0;
  --md-primary-fg-color--light: #3cc4d1;
  --md-primary-fg-color--dark: #0a8a97;
  --md-accent-fg-color: #FB9999;
}

/* Logo and header text should be white against teal */
.md-header {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
}

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

.md-header .md-logo img,
.md-header .md-logo svg {
  fill: #ffffff;
}

.md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}

/* Tab text contrast — !important needed to override Material defaults */
.md-tabs__link {
  color: rgba(255, 255, 255, 0.7) !important;
}

.md-tabs__link--active,
.md-tabs__link:hover,
.md-tabs__link:focus {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover,
[data-md-color-scheme="slate"] .md-tabs__link:focus {
  color: #ffffff !important;
}

/* Header search and icons contrast */
.md-header .md-search__input,
.md-header .md-icon {
  color: #ffffff;
}