/* SALONA (https://salona.art-crat.co.jp/guide) の配色トークンを参考にした配色調整 */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #d96a54;
  --md-primary-fg-color--light: #ff8e78;
  --md-primary-fg-color--dark: #b0503c;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #fff0ea;

  --md-accent-fg-color: #d96a54;
  --md-accent-fg-color--transparent: #ff8e781a;
  --md-accent-bg-color: #ffffff;

  --md-default-bg-color: #f7f2ec;
  --md-default-fg-color: #5a4a42;
  --md-default-fg-color--light: #b08878;
  --md-default-fg-color--lighter: #eeeae4;
  --md-default-fg-color--lightest: #f0e7df;

  --md-typeset-color: #5a4a42;
  --md-typeset-a-color: #d96a54;

  --md-footer-bg-color: #5a4a42;
  --md-footer-bg-color--dark: #46392f;
  --md-footer-fg-color: #f7f2ec;
  --md-footer-fg-color--light: #f0e7df;
}

/* ヘッダー・タブ：白背景に固定して浮かせる */
.md-header {
  background-color: #ffffff;
  color: #5a4a42;
  box-shadow: 0 1px 0 #eeeae4;
}
.md-header__title,
.md-header__button {
  color: #5a4a42;
}
.md-tabs {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeae4;
}
.md-tabs__link {
  color: #b08878;
  opacity: 1;
}
.md-tabs__link--active,
.md-tabs__link:hover {
  color: #d96a54;
}

/* 見出し */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: #5a4a42;
  font-weight: 700;
}

/* カード形式グリッド（トップページの操作一覧） */
.md-typeset .grid.cards > ul {
  gap: 0.8rem;
}
.md-typeset .grid.cards > ul > li {
  border-radius: 16px;
  border: 1px solid #eeeae4;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(90, 74, 66, 0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(217, 106, 84, 0.18);
  border-color: #ffd8cd;
}
.md-typeset .grid.cards svg,
.md-typeset .grid.cards .twemoji {
  color: #d96a54;
}

/* 準備中バッジ */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #e2a14f;
  border-radius: 12px;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #fff7ea;
  border-radius: 12px 12px 0 0;
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #e2a14f;
}

/* テーブル */
.md-typeset table:not([class]) {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eeeae4;
}
.md-typeset table:not([class]) th {
  background-color: #f0e7df;
  color: #5a4a42;
}
.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: #f7f2ec;
}

/* コードブロック */
.md-typeset pre {
  border-radius: 12px;
}

/* フッター */
.md-footer-meta {
  background-color: #46392f;
}