/* Custom CSS to match existing ESD branding */

:root {
  --md-primary-fg-color: rgb(13, 70, 103);
  --md-primary-fg-color--light: rgb(20, 90, 130);
  --md-primary-fg-color--dark: rgb(10, 55, 80);
  --md-accent-fg-color: rgb(13, 70, 103);
  --md-accent-fg-color--transparent: rgba(13, 70, 103, 0.1);
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: rgb(20, 90, 130);
  --md-primary-fg-color--light: rgb(30, 110, 160);
  --md-primary-fg-color--dark: rgb(13, 70, 103);
}

/* Header styling to match original */
.md-header {
  background-color: rgb(13, 70, 103);
}

/* Ensure logo sizing matches original */
.md-header__button.md-logo img {
  height: 2rem;
  width: auto;
}

/* Navigation tab styling */
.md-tabs {
  background-color: rgb(13, 70, 103);
}

.md-tabs__link {
  color: white;
  opacity: 0.8;
}

.md-tabs__link--active {
  opacity: 1;
}

/* Button styling to match the theme */
.md-button {
  color: rgb(13, 70, 103);
  border-color: rgb(13, 70, 103);
}

.md-button--primary {
  background-color: rgb(13, 70, 103);
  border-color: rgb(13, 70, 103);
  color: white;
}

.md-button--primary:hover {
  background-color: rgb(20, 90, 130);
  border-color: rgb(20, 90, 130);
}

/* Code block styling */
.highlight .hll {
  background-color: rgba(13, 70, 103, 0.1);
}

/* Link colors */
.md-content a {
  color: rgb(13, 70, 103);
}

.md-content a:hover {
  color: rgb(20, 90, 130);
}

/* Admonition styling */
.md-typeset .admonition.info > .admonition-title,
.md-typeset .admonition.info > summary {
  background-color: rgba(13, 70, 103, 0.1);
  border-color: rgb(13, 70, 103);
}

/* Footer link colors */
.md-footer-meta__inner a {
  color: white;
}

/* Search highlighting */
.md-search-result__teaser mark {
  background-color: rgba(13, 70, 103, 0.3);
  color: inherit;
}