/* 全局字体放大 */
html {
  font-size: 18px;
}

/* ===== 深色模式 ===== */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f172a;
  --md-default-bg-color--light: #1e293b;
  --md-default-bg-color--lighter: #1e293b;
  --md-default-bg-color--dark: #0f172a;
  --md-default-fg-color: #cbd5e1;
  --md-default-fg-color--light: #94a3b8;
  --md-default-fg-color--lighter: #94a3b8;
  --md-default-fg-color--dark: #f1f5f9;
  --md-primary-fg-color: #38bdf8;
  --md-primary-bg-color: #0f172a;
  --md-accent-fg-color: #0ea5e9;
  --md-typeset-color: #cbd5e1;
  --md-typeset-a-color: #38bdf8;
  --md-typeset-head-color: #f1f5f9;
  --md-code-bg-color: #1e293b;
  --md-code-fg-color: #e2e8f0;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-nav--primary,
[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #0f172a !important;
}

[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-tabs__link {
  color: #94a3b8;
  font-size: 1rem;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #38bdf8;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #f1f5f9;
}

/* 切换按钮在深色模式下要可见 */
[data-md-color-scheme="slate"] .md-header__option {
  color: #38bdf8;
}

[data-md-color-scheme="slate"] .md-header__option .md-button {
  color: #38bdf8;
}

/* ===== 浅色模式 ===== */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f8fafc;
  --md-default-fg-color: #1e293b;
  --md-default-fg-color--light: #64748b;
  --md-primary-fg-color: #0ea5e9;
  --md-accent-fg-color: #0284c7;
  --md-typeset-a-color: #0284c7;
}

[data-md-color-scheme="default"] .md-nav__link,
[data-md-color-scheme="default"] .md-tabs__link {
  font-size: 1rem;
}

/* 标题 */
.md-typeset h1 {
  font-size: 2rem;
  font-weight: 700;
}

.md-typeset h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.md-typeset h3 {
  font-size: 1.25rem;
  font-weight: 600;
}

/* 正文 */
.md-typeset {
  line-height: 1.8;
  font-size: 18px;
}