/* EOAP training guide: light/dark palette, navigation hierarchy, and tables. */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0f4c5c;
  --md-primary-fg-color--light: #17677b;
  --md-primary-fg-color--dark:  #0a3644;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, .7);

  --md-accent-fg-color:         #0d8f8f;
  --md-accent-fg-color--transparent: rgba(13, 143, 143, .1);

  --md-typeset-a-color:         #0d7c86;
}

[data-md-color-scheme="slate"] {

  --md-hue: 200;

  --md-primary-fg-color:        #10404e;
  --md-primary-fg-color--light: #17677b;
  --md-primary-fg-color--dark:  #0a2c37;
  --md-primary-bg-color:        rgba(255, 255, 255, .95);
  --md-primary-bg-color--light: rgba(255, 255, 255, .7);

  --md-accent-fg-color:         #5ee0d0;
  --md-accent-fg-color--transparent: rgba(94, 224, 208, .1);

  --md-typeset-a-color:         #4fd1c5;
}

.md-header__button.md-logo :is(img, svg) {
  height: 1.6rem;
  width: auto;
}

.md-nav--secondary .md-nav__title,
.md-nav__item--section > .md-nav__link,
.md-nav__item--nested > .md-nav__link {
  font-weight: 700;
  letter-spacing: .02em;
}

.md-nav__item--nested .md-nav--secondary,
.md-nav__item--nested > .md-nav {
  margin-left: .35rem;
  padding-left: .5rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  font-weight: 600;
}

.md-typeset table:not([class]) td code {
  white-space: nowrap;
}

.md-typeset .md-typeset__table {
  overflow-x: auto;
}

.md-typeset .mermaid {
  overflow-x: auto;

  text-align: center;
}

.md-nav__item--nested.md-nav__item--active > .md-nav__container > .md-nav__link,
.md-nav__item--nested.md-nav__item--active > .md-nav__container > .md-nav__link .md-nav__icon {
  color: var(--md-typeset-a-color);
}