/* EigenOrbit brand, from the tokens of eigenorbit.com.
 *
 * The header and tabs keep the landing's near-black in both schemes: the
 * logo's lettering is light. Lime is the brand accent, but on white it has a
 * contrast of 1.3:1, so the light scheme uses it only on the dark header and
 * takes indigo for links and hover.
 */

:root > * {
  --md-primary-fg-color: #0a0a0f;
  --md-primary-fg-color--light: #14121b;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #f5f5f7;
  --md-primary-bg-color--light: #f5f5f7b3;

  --md-accent-fg-color: #333f9e;
  --md-accent-fg-color--transparent: #4c5feb1a;
  --md-accent-bg-color: #ffffff;

  --md-typeset-a-color: #4c5feb;

  --eo-lime: #b4f52c;
  --eo-border: #1d1632;
}

[data-md-color-scheme="slate"] {
  --md-hue: 255;
  --md-default-bg-color: #0a0a0f;
  --md-default-bg-color--light: #0a0a0fb3;
  --md-default-bg-color--lighter: #0a0a0f4d;
  --md-default-bg-color--lightest: #0a0a0f1f;
  --md-code-bg-color: #14121b;
  --md-footer-bg-color: #0a0a0f;
  --md-footer-bg-color--dark: #000000;

  --md-accent-fg-color: #b4f52c;
  --md-accent-fg-color--transparent: #b4f52c1a;
  --md-accent-bg-color: #0a0a0f;

  --md-typeset-a-color: #7b89ff;
}

/* On the dark page the header has the page's own colour: a rule sets it off. */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid var(--eo-border);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
}

.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
  color: var(--eo-lime);
  opacity: 1;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Figtree", var(--md-text-font-family);
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 800;
}

.md-typeset h2 {
  font-weight: 700;
}