/* Colours taken from the TraCell icon: navy ring, aqua cell, teal nucleus. */
:root {
  --tracell-navy: #0a3a5f;
  --tracell-teal: #0b8597;
  --tracell-cyan: #18c8c8;
  --tracell-aqua: #62e8e4;
}

/* The header is light in both themes (white, pale aqua in the dark theme): the icon's navy ring needs a light
   ground and gets no tile of its own. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #f2f7f9;
  --md-primary-fg-color--dark: #e3ecef;
  --md-primary-bg-color: var(--tracell-navy);
  --md-primary-bg-color--light: #0a3a5fb3;
  --md-accent-fg-color: var(--tracell-teal);
  --md-typeset-a-color: var(--tracell-teal);
}

[data-md-color-scheme="slate"] {
  --md-hue: 207;
  --md-primary-fg-color: #cfeef0;
  --md-primary-fg-color--light: #dff4f5;
  --md-primary-fg-color--dark: #b9e3e6;
  --md-primary-bg-color: var(--tracell-navy);
  --md-primary-bg-color--light: #0a3a5fb3;
  --md-accent-fg-color: var(--tracell-aqua);
  --md-typeset-a-color: #4fd8d8;
}

.md-typeset .md-button--primary {
  background-color: var(--tracell-cyan);
  border-color: var(--tracell-cyan);
  color: #06283f;
}

.md-typeset .md-button--primary:hover {
  background-color: var(--tracell-aqua);
  border-color: var(--tracell-aqua);
  color: #06283f;
}

.md-header {
  border-bottom: 1px solid #0a3a5f26;
}

.md-header__button.md-logo img {
  height: 1.7rem;
  width: 1.7rem;
}

/* outline buttons take the header colour by default, which is white here */
.md-typeset .md-button:not(.md-button--primary) {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
}

.md-typeset .md-button:not(.md-button--primary):hover {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: var(--md-default-bg-color);
}

/* the search field on the light header */
.md-search__form {
  background-color: #0a3a5f14;
}

.md-search__form:hover {
  background-color: #0a3a5f24;
}

/* a reading column, not the full window, on wide screens */
.md-grid {
  max-width: 48rem;
}