@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');

:root {
  --md-primary-fg-color: #0D0D0F;
  --md-primary-fg-color--light: #1A1A1F;
  --md-primary-fg-color--dark: #080809;
  --md-primary-bg-color: #E8E8F0;
  --md-accent-fg-color: #7B8CDE;
  --md-default-bg-color: #0D0D0F;
  --md-default-fg-color: #E8E8F0;
  --md-default-fg-color--light: #A0A0B8;
  --md-default-fg-color--lighter: #6B6B85;
  --md-code-bg-color: #16161A;
  --md-typeset-color: #E8E8F0;
}

body, .md-typeset {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.md-nav, .md-header {
  background-color: #0D0D0F;
  border-right: 1px solid #1E1E2E;
}

.md-header {
  border-bottom: 1px solid #1E1E2E;
  box-shadow: none;
}

.md-header__button.md-logo {
  display: none;
}

.md-nav__title[for="__drawer"] {
  background-color: #0D0D0F;
  color: #E8E8F0;
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-weight: 600;
  color: #C5CAF0;
  letter-spacing: -0.01em;
}

.md-typeset a {
  color: #7B8CDE;
}

.md-typeset a:hover {
  color: #9BA8E8;
}