@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-500.woff2") format("woff2");
}

:root,
[data-md-color-scheme="default"] {
  color-scheme: light;
  --md-primary-fg-color: #0e121a;
  --md-primary-fg-color--light: #171e27;
  --md-primary-fg-color--dark: #0a0e14;
  --md-primary-bg-color: #f1f5f8;
  --md-primary-bg-color--light: rgb(241 245 248 / 70%);
  --md-accent-fg-color: #147d92;
  --md-default-fg-color: #202933;
  --md-default-fg-color--light: #515d69;
  --md-default-fg-color--lighter: #75818b;
  --md-default-fg-color--lightest: #a2aeb8;
  --md-default-bg-color: #f7f9fb;
  --md-default-bg-color--light: #fff;
  --md-code-fg-color: #202933;
  --md-code-bg-color: #eef2f5;
  --md-typeset-a-color: #147d92;
}

[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --md-primary-fg-color: #0e121a;
  --md-primary-fg-color--light: #171e27;
  --md-primary-fg-color--dark: #0a0e14;
  --md-primary-bg-color: #f1f5f8;
  --md-primary-bg-color--light: rgb(241 245 248 / 70%);
  --md-accent-fg-color: #5abde1;
  --md-default-fg-color: #f1f5f8;
  --md-default-fg-color--light: #a2aeb8;
  --md-default-fg-color--lighter: #75818b;
  --md-default-fg-color--lightest: #525f6d;
  --md-default-bg-color: #0e121a;
  --md-default-bg-color--light: #171e27;
  --md-code-fg-color: #f1f5f8;
  --md-code-bg-color: #171e27;
  --md-typeset-a-color: #5abde1;
}

body,
input {
  font-family: "IBM Plex Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__title {
  font-family: "IBM Plex Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.025em;
}

code,
kbd,
pre,
.md-typeset code {
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

.md-header {
  box-shadow: 0 1px 0 rgb(255 255 255 / 8%);
}

.md-header__button.md-logo img {
  width: auto;
  height: 1.5rem;
}

.md-nav__link--active {
  font-weight: 600;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 0.75rem;
}

.md-typeset pre > code {
  padding: 0.85rem 1rem;
}

.md-search__form {
  border-radius: 0.65rem;
}

@media (max-width: 600px) {
  .md-header__button.md-logo img {
    height: 1.25rem;
  }
}