/* The project page's daylight price-board look on top of Material for MkDocs:
   cool paper, graphite ink, hairline rules, Archivo condensed headlines over
   Atkinson Hyperlegible Next. The fonts come from assets/fonts/fonts.css. */

:root {
  --sbp-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  /* Material puts its own system-font fallbacks after this one. */
  --md-text-font: "Atkinson Hyperlegible Next";
}

[data-md-color-scheme="default"] {
  --sbp-paper: #eef2f3;
  --sbp-ink: #13262d;
  --sbp-rule: #d2dce0;
  --sbp-hold: #6f5bd6;
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: var(--sbp-ink);
  --md-default-fg-color--light: #475c65;
  --md-default-fg-color--lighter: #5c7079;
  --md-default-fg-color--lightest: var(--sbp-rule);
  --md-typeset-color: var(--sbp-ink);
  --md-typeset-a-color: #5a46c4;
  --md-code-bg-color: var(--sbp-paper);
  --md-code-fg-color: var(--sbp-ink);
}

[data-md-color-scheme="slate"] {
  --sbp-paper: #121b1f;
  --sbp-ink: #e3ebee;
  --sbp-rule: #2b3b43;
  --sbp-hold: #8b7bf0;
  --md-hue: 200;
  --md-default-bg-color: #18232a;
  --md-default-fg-color: var(--sbp-ink);
  --md-default-fg-color--light: #a6b6bd;
  --md-default-fg-color--lighter: #8fa2aa;
  --md-default-fg-color--lightest: var(--sbp-rule);
  --md-typeset-color: var(--sbp-ink);
  --md-typeset-a-color: #a59af5;
  --md-code-bg-color: var(--sbp-paper);
  --md-code-fg-color: var(--sbp-ink);
  --md-footer-bg-color: var(--sbp-paper);
  --md-footer-bg-color--dark: #0d1417;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--sbp-paper);
  --md-primary-fg-color--light: var(--sbp-paper);
  --md-primary-fg-color--dark: var(--sbp-paper);
  --md-primary-bg-color: var(--sbp-ink);
  --md-primary-bg-color--light: var(--md-default-fg-color--light);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--sbp-hold);
  --md-accent-fg-color--transparent: rgba(111, 91, 214, 0.1);
  --md-accent-bg-color: #ffffff;
}

/* The header and footer sit on the page's paper, divided by a hairline. */
.md-header {
  border-bottom: 1px solid var(--sbp-rule);
  box-shadow: none;
}

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

.md-header__topic:first-child {
  font-family: var(--sbp-display);
  font-weight: 600;
}

.md-search__form {
  background-color: var(--md-default-bg-color);
  border: 1px solid var(--sbp-rule);
}

.md-footer {
  background-color: var(--sbp-paper);
  color: var(--sbp-ink);
  border-top: 1px solid var(--sbp-rule);
}

.md-footer-meta {
  background-color: var(--sbp-paper);
}

/* Headlines in the condensed display face. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: var(--sbp-display);
  font-stretch: 75%;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--md-typeset-color);
}

.md-typeset h1 {
  font-size: 2.4em;
  line-height: 1.05;
  margin-bottom: 0.8em;
}

.md-typeset h2 {
  font-size: 1.7em;
  line-height: 1.1;
  padding-top: 0.6em;
  border-top: 1px solid var(--sbp-rule);
}

.md-typeset h3 {
  font-size: 1.3em;
}

/* Quoted notes read as callouts with a violet rule, the board's "held" colour. */
.md-typeset blockquote {
  border-left: 0.2rem solid var(--sbp-hold);
  background: var(--md-accent-fg-color--transparent);
  color: var(--md-typeset-color);
  padding: 0.6em 1em;
  border-radius: 0 0.3rem 0.3rem 0;
}

.md-typeset blockquote > :first-child {
  margin-top: 0;
}

.md-typeset blockquote > :last-child {
  margin-bottom: 0;
}

.md-typeset table:not([class]) {
  border: 1px solid var(--sbp-rule);
  box-shadow: none;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-code-bg-color);
}