:root {
  --qp-background: #f7f6f2;
  --qp-surface: #efede7;
  --qp-text: #20211e;
  --qp-muted: #6e7069;
  --qp-faint: #9b9d96;
  --qp-accent: #76513b;
  --qp-accent-soft: #e9ddd4;
  --qp-border: #d9d7d0;
  --qp-selection: #ddc8b9;
}

[data-md-color-scheme="slate"] {
  --qp-background: #171815;
  --qp-surface: #21231f;
  --qp-text: #e8e6df;
  --qp-muted: #aaa9a2;
  --qp-faint: #7d7f78;
  --qp-accent: #d1a07f;
  --qp-accent-soft: #392d26;
  --qp-border: #343630;
  --qp-selection: #654b3b;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--qp-background);
  --md-default-fg-color: var(--qp-text);
  --md-default-fg-color--light: var(--qp-muted);
  --md-default-fg-color--lighter: var(--qp-faint);
  --md-default-fg-color--lightest: var(--qp-border);
  --md-primary-fg-color: var(--qp-background);
  --md-primary-bg-color: var(--qp-text);
  --md-accent-fg-color: var(--qp-accent);
  --md-typeset-color: var(--qp-text);
  --md-typeset-a-color: var(--qp-accent);
  --md-code-bg-color: var(--qp-surface);
  --md-footer-bg-color: var(--qp-surface);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--qp-background);
  --md-default-fg-color: var(--qp-text);
  --md-default-fg-color--light: var(--qp-muted);
  --md-default-fg-color--lighter: var(--qp-faint);
  --md-default-fg-color--lightest: var(--qp-border);
  --md-primary-fg-color: var(--qp-background);
  --md-primary-bg-color: var(--qp-text);
  --md-accent-fg-color: var(--qp-accent);
  --md-typeset-color: var(--qp-text);
  --md-typeset-a-color: var(--qp-accent);
  --md-code-bg-color: var(--qp-surface);
  --md-footer-bg-color: var(--qp-surface);
}

html {
  background: var(--qp-background);
  scroll-behavior: smooth;
}

body {
  background: var(--qp-background);
  color: var(--qp-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif;
  line-height: 1.7;
}

::selection {
  background: var(--qp-selection);
}

.md-header {
  background: var(--qp-background);
  border-bottom: 1px solid var(--qp-border);
  color: var(--qp-text);
  box-shadow: none;
}

.md-header[data-md-state="shadow"] {
  box-shadow: 0 1px 0 var(--qp-border);
}

.md-tabs {
  background: var(--qp-background);
  border-bottom: 1px solid var(--qp-border);
}

.md-tabs__link,
.md-header__button,
.md-header .md-logo,
.md-header .md-header__topic {
  color: var(--qp-text);
}

.md-sidebar__scrollwrap {
  scrollbar-color: var(--qp-border) transparent;
}

.md-nav__link {
  color: var(--qp-muted);
}

.md-nav__link:hover,
.md-nav__link--active,
.md-nav__item .md-nav__link--active {
  color: var(--qp-accent);
}

.md-main__inner {
  max-width: 78rem;
}

.md-content {
  max-width: 52rem;
}

.md-content h1 {
  letter-spacing: -0.04em;
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.18;
  margin-bottom: 1.5rem;
}

.md-content h2,
.md-content h3,
.md-content h4 {
  letter-spacing: -0.025em;
}

.md-content h2 {
  border-bottom: 1px solid var(--qp-border);
  padding-bottom: 0.55rem;
}

.md-typeset a {
  text-decoration-color: var(--qp-faint);
  text-underline-offset: 0.2em;
}

.md-typeset a:hover {
  color: var(--qp-accent);
  text-decoration-color: currentColor;
}

.md-typeset blockquote {
  border-left-color: var(--qp-accent);
  color: var(--qp-muted);
}

.md-typeset code {
  background: var(--qp-surface);
  border-radius: 0.2rem;
}

.md-typeset pre > code {
  border: 1px solid var(--qp-border);
}

.md-typeset table:not([class]) th {
  background: var(--qp-surface);
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: var(--qp-border);
}

.md-footer {
  border-top: 1px solid var(--qp-border);
}

.md-footer-meta {
  background: var(--qp-surface);
}

@media (max-width: 44.99em) {
  .md-content h1 {
    font-size: 2.5rem;
  }
}