/*
 * カスタム上書きCSS
 *
 * Tranquilpeakテーマのサイドバー（#sidebar）は、デフォルトでは
 * params.coverImage（背景写真）の上に半透明の濃紺パネル
 * rgba(17, 26, 35, 0)（アルファ値0 = 完全透明）を重ねる設計になっている。
 * 本サイトはcoverImageを設定していないため、背景が真っ白なページに
 * 薄い色の文字（rgb(235,235,235)等）が乗ってしまい、コントラストが
 * 極端に低くなっていた（2026-09-24に発見）。
 *
 * 対策として、coverImageを使わない前提でサイドバーの背景を
 * 不透明な濃紺に固定する。あわせて、プロフィール文（.sidebar-profile-bio）
 * の文字色がテーマ側で濃いグレー（rgb(74,74,74)）にハードコードされており
 * 濃紺背景の上では読めなくなるため、明るいグレーに上書きする。
 */

#sidebar {
  background-color: rgb(17, 26, 35) !important;
}

.sidebar-profile-bio {
  color: rgba(255, 255, 255, 0.75) !important;
}

/*
 * ヘッダーのサイトタイトルをロゴ風にする（2026-09-24、ユーザー依頼）。
 * 画像は使わず、太字・字間・サイドバーと同じ濃紺のアクセントカラーで
 * ワードマーク的な見た目にする。
 */
.header-title-link {
  font-weight:    700 !important;
  letter-spacing: 0.03em;
  color:          rgb(17, 26, 35) !important;
}

.header-title-link:hover,
.header-title-link:active {
  color: rgb(52, 158, 243) !important;
}