/* Viaduct Brand Colors */
:root {
  /* Primary: #5FCEC1 (teal) */
  --md-primary-fg-color: #5FCEC1;
  --md-primary-fg-color--light: #8EDBD2;
  --md-primary-fg-color--dark: #337985;

  /* Accent: #337985 (dark teal) */
  --md-accent-fg-color: #337985;
  --md-accent-fg-color--transparent: rgba(51, 121, 133, 0.1);

  /* Text color */
  --md-typeset-color: #222222;
  --md-default-fg-color: #222222;
  --md-default-fg-color--light: #444444;
  --md-default-fg-color--lighter: #666666;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #5FCEC1;
  --md-primary-fg-color--light: #8EDBD2;
  --md-primary-fg-color--dark: #337985;
  --md-accent-fg-color: #5FCEC1;
}

/* Header styling */
.md-header {
  background-color: #337985;
}

/* Navigation tabs */
.md-tabs {
  background-color: #337985;
}

/* Links */
.md-typeset a {
  color: #337985;
}

.md-typeset a:hover {
  color: #5FCEC1;
}

/* Code highlighting accent */
.md-typeset code {
  background-color: rgba(95, 206, 193, 0.1);
}

/* Admonition styling */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #5FCEC1;
}

.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
  background-color: rgba(95, 206, 193, 0.1);
}

.md-typeset .info > .admonition-title::before,
.md-typeset .info > summary::before {
  background-color: #5FCEC1;
}

/* Search highlighting */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Footer */
.md-footer {
  background-color: #222222;
}

/* Navigation hover states */
.md-nav__link:hover {
  color: #5FCEC1;
}

.md-nav__item--active > .md-nav__link {
  color: #337985;
}