/* The AFC Project documentation's colors (afcproject.dev), so these pages look
   like part of that site. */
:root  > * {
  --md-primary-fg-color:        #333333;
  --md-primary-fg-color--light: #3b7843;
  --md-primary-fg-color--dark: #ffffff;
  --md-typeset-a-color--light: #2c3ebc;
  --md-typeset-a-color--dark: #B9A46A;
  --md-typeset-a-color: #B9A46A;
}

.md-header__ellipsis {
    color: #B9A46A;
    text-transform: uppercase;
    vertical-align: auto;
}

/* The BridgeBox logo is wider than AFC's turtle. */
.md-header__button.md-logo img {
    width: auto;
    height: 1.8rem;
    vertical-align: bottom;
}

.md-footer__inner {
  justify-content: center;
  gap: 0.5rem;
}

.md-footer__link {
  margin: 0 !important;
}

.md-grid {
  max-width: 1440px;
}

[data-md-color-scheme="default"] {
    --md-mermaid-label-fg-color: #000000;
    --md-code-bg-color: #dcdbdb;
}

/* Diagrams come in a light and a dark copy; show the one for the scheme. */
[data-md-color-scheme="default"] img[src$="-dark.webp"],
[data-md-color-scheme="slate"] img[src$="-light.webp"] {
    display: none;
}