/* ベースカラーの変数定義（後日ここで一括変更可能） */
:root {
  --md-text-color: #333333;
  --md-text-link-color: #555555;
  --custom-border-radius: 12px;
  --custom-bg-color: #f5f5f5;
}

/* ヘッダーの影を消してフラットにする */
.md-header {
  box-shadow: none;
  border-bottom: 1px solid #eeeeee;
}

/* 検索ボックスの角を丸くする */
.md-search__input {
  border-radius: 20px;
  background-color: var(--custom-bg-color);
}

/* Admonition（NoteやWarningなど）をカード風にする */
.md-typeset .admonition,
.md-typeset details {
  border-radius: var(--custom-border-radius);
  border: 1px solid #e0e0e0;
  box-shadow: none;
  background-color: #ffffff;
}

/* コードブロックの角を丸くする */
.md-typeset pre > code {
  border-radius: var(--custom-border-radius);
  background-color: #f8f9fa;
}