:root {
  --color-base-green: 158, 79%;
  --color-base-white: 0, 0%;
  --color-base-gray: 250, 14%;

  --color-gray-80: var(--color-base-gray), 80%;
  --color-gray-90: var(--color-base-gray), 90%;
  --color-gray-95: var(--color-base-gray), 95%;

  --color-green: var(--color-base-green), 42%;
  --color-yellow: #f8be3e;

  --theme-shade-subtle: hsla(var(--color-gray-95), 0.4);
  --theme-text: hsla(var(--color-gray-90), 1);
  --theme-text-light: hsla(var(--color-gray-80), 1);
  --theme-bg: hsl(256, 27%, 19%);

  --color-text-primary: #212121;
  --color-text-secondary: #757575;

  --md-text-font: "MontSerrat"; 
  --text-color: black;
  --arrows-scale: 3.0;
}

[data-md-color-scheme="slate"] {
  --color-text-primary: #E0E0E0;
  --color-text-secondary: #BDBDBD;
  --text-color: var(--color-base-white);
}

.md-typeset h1{
  font-size: 1.4em;
  color: var(--text-color);
  font-weight: bold;
}
.md-typeset h2{
  font-size: 1.094em;
  color: var(--text-color)
}
.md-typeset h3{
  font-size: .900em;
  color: var(--text-color);
  font-weight: bold;
}
.md-typeset{
  font-size: 0.65rem;
}
.md-nav{
  font-size: 0.6rem;
}

[dir=ltr] .md-header__title {
  color: var(--color-yellow);
  margin-left: 0;
  line-height: 2.7rem;
  margin-left: -7px;
}