/* Every page: the faces, and the docs stepped down from the home page's board to a reading
   column with the same palette, type and signage yellow. */

@font-face {
  font-family: "Overpass";
  src: url("fonts/overpass-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Overpass Mono";
  src: url("fonts/overpass-mono-normal.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("fonts/atkinson-hyperlegible-next-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("fonts/atkinson-hyperlegible-next-italic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --md-text-font: "Atkinson Hyperlegible Next";
  --md-code-font: "Overpass Mono";
  --sign-font: "Overpass", "Helvetica Neue", Arial, sans-serif;
  --signage: #ffc61a;
  --signage-ink: #14110a;
  --board-black: #0e1013;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f7f5ef;
  --md-default-fg-color: #16181c;
  --md-default-fg-color--light: #4a4d52;
  --md-default-fg-color--lighter: #8a8a86;
  --md-default-fg-color--lightest: #e4e0d5;
  --md-primary-fg-color: var(--board-black);
  --md-primary-fg-color--light: #2a2e35;
  --md-primary-fg-color--dark: #000;
  --md-primary-bg-color: #f1ede3;
  --md-accent-fg-color: #8a5a00;
  --md-typeset-a-color: #7a4f00;
  --md-code-bg-color: #ece8de;
  --md-code-fg-color: #16181c;
}

[data-md-color-scheme="slate"] {
  --md-hue: 220;
  --md-default-bg-color: #0e1013;
  --md-default-fg-color: #f1ede3;
  --md-default-fg-color--light: #c9c4b8;
  --md-default-fg-color--lighter: #8d8a82;
  --md-default-fg-color--lightest: #2a2e35;
  --md-primary-fg-color: #16191d;
  --md-primary-bg-color: #f1ede3;
  --md-accent-fg-color: var(--signage);
  --md-typeset-a-color: var(--signage);
  --md-code-bg-color: #16191d;
  --md-code-fg-color: #f1ede3;
}

/* Overpass and Overpass Mono join f and i into one glyph, which crowds "atsfill" */
aside, body, input, code, kbd, pre { font-feature-settings: "kern", "liga" 0, "clig" 0; }

::selection { background: var(--signage); color: var(--signage-ink); }

.md-header { box-shadow: none; border-bottom: 3px solid var(--signage); }
.md-header__title, .md-nav__title, .md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-family: var(--sign-font);
}
.md-header__topic:first-child { font-weight: 800; letter-spacing: 0.02em; }

.md-typeset { font-size: 0.85rem; line-height: 1.65; }
.md-typeset h1 { font-weight: 800; letter-spacing: -0.005em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 800; letter-spacing: -0.005em; }
.md-typeset h3 { font-weight: 700; }
.md-typeset a { text-underline-offset: 0.2em; }
.md-typeset table:not([class]) { font-size: 0.75rem; }
.md-typeset table:not([class]) th {
  font-family: var(--sign-font);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.65rem;
}
.md-typeset code { font-variant-numeric: tabular-nums; }

:focus-visible { outline-color: var(--signage); }