:root {
  --katari-indigo: #18253f;
  --katari-indigo-light: #253b62;
  --katari-indigo-dark: #101827;
  --katari-clay: #d8895f;
  --katari-paper: #f4f1e8;
  --katari-steel: #7f9eac;
}

:root > * {
  --md-primary-fg-color: var(--katari-indigo);
  --md-primary-fg-color--light: var(--katari-indigo-light);
  --md-primary-fg-color--dark: var(--katari-indigo-dark);
  --md-primary-bg-color: var(--katari-paper);
  --md-primary-bg-color--light: rgba(244, 241, 232, 0.72);
  --md-accent-fg-color: #ad542f;
  --md-accent-fg-color--transparent: rgba(216, 137, 95, 0.14);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #f7f7f4;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #e8edf0;
  --md-primary-bg-color: var(--katari-indigo);
  --md-primary-bg-color--light: rgba(24, 37, 63, 0.7);
  --md-default-fg-color: var(--katari-indigo);
  --md-default-fg-color--light: #586771;
  --md-default-fg-color--lighter: #7b8790;
  --md-default-fg-color--lightest: #c1ccd2;
  --md-default-bg-color: #e8edf0;
  --md-default-bg-color--light: #eef2f4;
  --md-default-bg-color--lighter: #f4f6f7;
  --md-default-bg-color--lightest: #ffffff;
  --md-code-fg-color: var(--katari-indigo);
  --md-code-bg-color: #e1e7ea;
  --md-typeset-a-color: var(--katari-indigo-light);
  --md-footer-bg-color: var(--katari-indigo);
  --md-footer-bg-color--dark: var(--katari-indigo-dark);
  --katari-content-surface: #f7f7f4;
  --katari-content-shadow: 0 8px 28px rgba(24, 37, 63, 0.08);
}

[data-md-color-scheme="slate"] {
  --md-hue: 218;
  --md-primary-fg-color: #1a202b;
  --md-primary-fg-color--light: #232c39;
  --md-primary-fg-color--dark: #11151c;
  --md-primary-bg-color: #eef1ec;
  --md-primary-bg-color--light: rgba(238, 241, 236, 0.72);
  --md-default-fg-color: #eef1ec;
  --md-default-fg-color--light: #a9b2bc;
  --md-default-fg-color--lighter: #7e8995;
  --md-default-fg-color--lightest: #354252;
  --md-default-bg-color: #11151c;
  --md-default-bg-color--light: #171c25;
  --md-default-bg-color--lighter: #1d2430;
  --md-default-bg-color--lightest: #232c39;
  --md-code-fg-color: #eef1ec;
  --md-code-bg-color: #0d1117;
  --md-typeset-a-color: #a9c4d0;
  --md-accent-fg-color: #e49a70;
  --md-accent-fg-color--transparent: rgba(216, 137, 95, 0.18);
  --md-footer-bg-color: #0d1117;
  --md-footer-bg-color--dark: #090c11;
  --katari-content-surface: #1a202b;
  --katari-content-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

.md-header {
  box-shadow: 0 1px 0 rgba(127, 158, 172, 0.25);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2.15rem;
  width: 2.15rem;
}

.md-header__title {
  font-weight: 700;
}

.md-content__inner {
  background: var(--katari-content-surface);
  border-radius: 0.6rem;
  box-shadow: var(--katari-content-shadow);
  margin-top: 1.5rem;
  padding: 1.7rem 2rem 2.5rem;
}

.md-typeset h1 {
  font-weight: 700;
}

.md-typeset h2 {
  border-bottom: 1px solid rgba(216, 137, 95, 0.35);
  padding-bottom: 0.35em;
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

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

.md-typeset table:not([class]) th {
  background-color: rgba(37, 59, 98, 0.12);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: rgba(127, 158, 172, 0.12);
}

::selection {
  background: rgba(216, 137, 95, 0.32);
}

@media screen and (max-width: 44.984375em) {
  .md-content__inner {
    border-radius: 0;
    box-shadow: none;
    margin: 0 -0.8rem;
    padding: 1.2rem 0.8rem 2rem;
  }
}