/* Brand: the teal of the logo. */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0f766e;
  --md-primary-fg-color--light: #2dd4bf;
  --md-primary-fg-color--dark: #115e59;
  --md-accent-fg-color: #0d9488;
  --md-typeset-a-color: #0f766e;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #14b8a6;
  --md-primary-fg-color--light: #5eead4;
  --md-primary-fg-color--dark: #0d9488;
  --md-accent-fg-color: #5eead4;
  --md-typeset-a-color: #5eead4;
  --md-default-bg-color: #0b1215;
}

.md-header,
.md-tabs {
  background: linear-gradient(90deg, #115e59, #0d9488);
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  font-weight: 650;
  letter-spacing: -0.01em;
}