/* The docs wear the landing page's world: enamel ground, signage type, one line colour per tag. */
@import url("../assets/brand/transit.css");

:root, [data-md-color-scheme="default"] {
  --md-default-bg-color: #f4f2ec;
  --md-default-fg-color: #121417;
  --md-default-fg-color--light: #474b51;
  --md-default-fg-color--lighter: #6b6f75;
  --md-default-fg-color--lightest: #cfcabc;
  --md-primary-fg-color: #121417;
  --md-primary-fg-color--light: #1f2328;
  --md-primary-fg-color--dark: #000;
  --md-primary-bg-color: #f4f2ec;
  --md-accent-fg-color: #0072ce;
  --md-typeset-a-color: #005ba6;
  --md-code-bg-color: #e9e6dc;
  --md-code-fg-color: #121417;
  --md-footer-bg-color: #121417;
  --md-footer-bg-color--dark: #0b0c0e;
  --md-text-font-family: "Atkinson Hyperlegible", system-ui, sans-serif;
  --md-code-font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
[data-md-color-scheme="slate"] {
  --md-hue: 210;
  --md-default-bg-color: #101214;
  --md-default-fg-color: #eceae4;
  --md-default-fg-color--light: #b8bbbf;
  --md-default-fg-color--lighter: #8d9196;
  --md-default-fg-color--lightest: #2c3035;
  --md-primary-fg-color: #101214;
  --md-primary-bg-color: #eceae4;
  --md-accent-fg-color: #41b6e6;
  --md-typeset-a-color: #6cc7ee;
  --md-code-bg-color: #171a1d;
  --md-code-fg-color: #eceae4;
  --md-footer-bg-color: #0b0c0e;
}
body { font-feature-settings: "tnum" 1; }

.md-header { box-shadow: none; }
.md-header__title, .md-tabs__link, .md-nav__title, .md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-typeset table:not([class]) th, .md-banner {
  font-family: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
}
.md-header__title { font-weight: 800; font-size: 1.05rem; letter-spacing: .01em; }
.md-tabs { background: var(--md-primary-fg-color); }
.md-tabs__link { font-weight: 700; font-size: .78rem; letter-spacing: .03em; opacity: .8; }
.md-tabs__link--active, .md-tabs__link:hover { opacity: 1; }
.md-banner { background: #ffb500; color: #121417; font-weight: 600; letter-spacing: .02em; }
.md-banner a { color: #121417; text-decoration: underline; text-underline-offset: .2em; }

.md-typeset h1 { font-weight: 800; font-size: 2.6em; letter-spacing: -.015em; line-height: 1.02; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 800; font-size: 1.75em; letter-spacing: -.01em; margin-top: 2em; }
.md-typeset h2::before {
  content: ""; display: inline-block; width: .55em; height: .55em; margin-right: .45em; border-radius: 50%;
  border: .16em solid currentColor; vertical-align: .02em;
}
.md-typeset h3 { font-weight: 700; font-size: 1.3em; }
.md-typeset { font-size: .82rem; line-height: 1.7; }
.md-typeset code { border-radius: 5px; }
.md-typeset pre > code { border-radius: 10px; }
.md-typeset img { border-radius: 10px; border: 1px solid var(--md-default-fg-color--lightest); }
.md-typeset table:not([class]) { border-radius: 10px; border-color: var(--md-default-fg-color--lightest); }
.md-typeset table:not([class]) th { background: var(--md-default-fg-color); color: var(--md-default-bg-color); font-weight: 700; letter-spacing: .04em; }
.md-typeset .admonition, .md-typeset details { border-radius: 10px; box-shadow: none; }

.md-nav__link--active { font-weight: 700; }
.md-nav__item .md-nav__link--active::before {
  content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px;
  border: 2px solid currentColor; vertical-align: 1px;
}
.md-footer-meta { background: var(--md-footer-bg-color--dark); }
::selection { background: #ffb500; color: #121417; }