/* 代码颜色 - 只影响行内代码块，不影响独立代码块 */

/* 暗色模式的样式 */
 [data-md-color-scheme="slate"] {
  --things-h3-color: #5e81ac; /* 较深的蓝色 */
  --things-h4-color: #ebcb8b; /* 较深的黄色/橙色 */
  --things-h5-color: #bf616a; /* 较深的红色 */
  --things-strong-color: #d08770; /* 较深的橙色 */
  --things-em-color: #d08770; /* 斜体使用与粗体相同的橙色 */
}

/* 暗色模式下的行内代码颜色 */
[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
  color: #ceb177;
}

/* 标题颜色 */
[data-md-color-scheme="slate"] h3 {
  color: var(--things-h3-color) !important;
}

[data-md-color-scheme="slate"] h4 {
  color: var(--things-h4-color) !important;
}

[data-md-color-scheme="slate"] h5 {
  color: var(--things-h5-color) !important;
}

/* 加粗样式 */
[data-md-color-scheme="slate"] strong {
  color: var(--things-strong-color) !important;
}

/* 斜体样式 */
[data-md-color-scheme="slate"] em {
  color: var(--things-em-color) !important;
  font-style: italic; /* 保持斜体样式 */
}


/* 亮色模式下的备用样式 */
[data-md-color-scheme="default"] {
  --things-h3-color: #2196f3; /* 鲜艳的蓝色 */
  --things-h4-color: #ff9800; /* 鲜艳的橙色 */
  --things-h5-color: #f44336; /* 鲜艳的红色 */
  --things-strong-color: #ff5722; /* 鲜艳的深橙色 */
  --things-em-color: #9c27b0; /* 鲜艳的紫色 */
}

/* 亮色模式下的行内代码颜色 */
[data-md-color-scheme="default"] .md-typeset :not(pre) > code {
  color: #e91e63; /* 鲜艳的粉红色 */
}

[data-md-color-scheme="default"] h3 {
  color: var(--things-h3-color) !important;
}

[data-md-color-scheme="default"] h4 {
  color: var(--things-h4-color) !important;
}

[data-md-color-scheme="default"] h5 {
  color: var(--things-h5-color) !important;
}

[data-md-color-scheme="default"] strong {
  color: var(--things-strong-color) !important;
}

[data-md-color-scheme="default"] em {
  color: var(--things-em-color) !important;
  font-style: italic; /* 保持斜体样式 */
}

/* 卡片图标样式 */
.md-typeset .card-icon {
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: -0.2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  vertical-align: middle;
}

[data-md-color-scheme="default"] .md-typeset .card-icon-cs {
  background-image: url("../assets/images/cs-icon-light.png");
}

[data-md-color-scheme="slate"] .md-typeset .card-icon-cs {
  background-image: url("../assets/images/cs-icon-dark.png");
}