@font-face {
  font-family: "Monaspace Neon";
  src: url("../static/MonaspaceNeon.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  --md-code-font: "Monaspace Neon";
}

[data-md-color-scheme="slate"] {
  --md-default-fg-color: #e7e8eb;
  --md-default-bg-color: #1a1c22;
  --md-primary-fg-color: #050505;
  --md-accent-fg-color: #ff8826;

  /* used in headings */
  --md-default-fg-color--light: var(--md-default-fg-color);

  /* active in nav bar and table of contents */
  --md-typeset-a-color: var(--md-accent-fg-color);

  --custom-muted-headings: #d0d1d2;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f6f7f9;
  --md-default-fg-color: #1a1d23;
  --md-primary-fg-color: #050505;
  --md-accent-fg-color: #b35000; /* adjusted for contrast */

  /* used in headings */
  --md-default-fg-color--light: var(--md-default-fg-color);

  /* active in nav bar and table of contents */
  --md-typeset-a-color: var(--md-accent-fg-color);

  --custom-muted-headings: #d0d1d2;
}

.md-content :is(h1, h2, h4, h5, h6) {
  font-weight: 600;
}

.md-content h1 {
  font-size: 36px;
  margin-block-end: 30px;
}

.md-content h2 {
  font-size: 24px;
}

.md-content ul li,
.md-content ol li {
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}

.md-typeset .md-button {
  color: var(--md-default-fg-color);
}

.md-content code {
  /* we disable ligatures for practical reasons: new programmers
  may not understand how to type the characters shown */
  font-feature-settings: "calt" 1;
}

.md-content article a:not(.md-icon) {
  border-block-end: 1px solid var(--md-typeset-a-color);
}

.md-content article a:not(.md-icon):hover {
  color: var(--md-default-fg-color--light);
  border-block-end: 1px solid var(--md-default-fg-color--light);
}

.md-content .md-path__link {
  color: var(--md-accent-fg-color);
  border-block-end: 1px solid var(--md-typeset-a-color);
}
.md-content .md-path__link:hover {
  color: var(--md-default-fg-color--light);
  border-block-end: 1px solid var(--md-default-fg-color--light);
}

#copyright-notice {
  color: var(--md-accent-fg-color);
  border-block-end: 1px solid var(--md-typeset-a-color);
}

#copyright-notice:hover {
  color: var(--md-default-fg-color--light);
  border-block-end: 1px solid var(--md-default-fg-color--light);
}