:root {
  /* --- メインカラー設定 (好みのHEXコードに変更可能) --- */

  /* ヘッダーの背景色（グラデーションにしています） */
  --md-primary-fg-color: #2e3a59;
  --md-primary-fg-color--light: #3b4b72;
  --md-primary-fg-color--dark: #1f2940;

  /* リンクやボタンのアクセントカラー（鮮やかなサーモンピンク） */
  --md-accent-fg-color: #ff6b6b;
  --md-accent-fg-color--transparent: rgba(255, 107, 107, 0.1);

  /* 本文のフォント（読みやすいモダンなフォントスタック） */
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, Arial, sans-serif;
  --md-code-font: "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
}

/* --- ヘッダーをグラデーションにする「おしゃれ」設定 --- */
.md-header {
  /* background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); */
  background: #1a2980;
}

/* タブナビゲーションの背景も合わせる */
.md-tabs {
  background: transparent;
  /* グラデーションの上に重なるので透明に */
}

/* 検索バーの色調整 */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.md-search__input:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

/* --- ダークモード時の調整 --- */
[data-md-color-scheme="slate"] {
  /* ダークモード時のヘッダーは少し暗めのグラデーションに */
  --md-primary-fg-color: #1a1a2e;

  .md-header {
    /* background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%); */
    background: #0f2027;
  }
}

/* コンテンツ幅を少し広げて、論文っぽく見やすくする */
.md-grid {
  max-width: 1200px;
}

/* --- サイドバー（左側のメニュー）のスタイル調整 --- */

/* 選択中のメニュー（現在地）をアクセントカラーにする */
.md-nav__item .md-nav__link--active {
  color: #ff6b6b !important; /* ピンク赤 */
  font-weight: bold;
}

/* マウスを乗せたときもピンクにする */
.md-nav__link:hover {
  color: #ff6b6b !important;
  opacity: 1;
}

/* それ以外の未選択メニューは、目立たない薄いグレーにする */
.md-nav__link {
  color: #b8b8b8;
}

/* ロゴ画像（およびアイコン）を完全に非表示にする */
.md-header__button.md-logo {
  display: none !important;
}