@font-face {
  font-family: "Readex Pro";
  src: url("/fonts/ReadexPro-VariableFont_wght.ttf");
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-VariableFont_wght.ttf");
}

:root {
  --md-text-font: "Readex Pro";
  --md-code-font: "JetBrains Mono";
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color:               #0054b2;
  --md-primary-fg-color--light:        #7ac2f7;
  --md-primary-fg-color--dark:         #123663;

  --md-accent-fg-color:                #f56169;
  --md-accent-bg-color:                #a6db50;
  --md-typeset-a-color:                #f56169;

}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:               #0054b2;
  --md-primary-fg-color--light:        #7ac2f7;
  --md-primary-fg-color--dark:         #123663;

  --md-accent-fg-color:                #f56169;
  --md-accent-bg-color:                #a6db50;
  --md-typeset-a-color:                #a6db50 !important;
  h1 {
    color: #a6db50 !important;
  }
  label.md-nav__title {
    color: white;
  }
}

.md-typeset {
  font-weight: 200;
  font-size: .7rem;
}

.md-typeset__table {
  width: 100%;
}

.md-typeset__table table:not([class]) {
  display: table
}

th {
  background-color: #a6db50;
}

/* dark mode alternating table bg colors */
[data-md-color-scheme="slate"] th {
    background-color: #0054b2
}

ol {
  list-style-type: upper-alpha;
}

.footnote ol {
  list-style-type: decimal;
}

code:not(pre code) {
    white-space: nowrap;
}