/* 見出しの色設定修正 - ダークモード:白、ライトモード:黒 */

/* ライトモードでの見出し色 */
h1, h2, h3, h4, h5, h6 {
    color: #212529 !important; /* Bootstrap標準の黒色 */
}

/* ダークモードでの見出し色 - より高い詳細度で確実に白色を適用 */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #ffffff !important;
}

/* さらに詳細度を上げて確実に適用 */
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4,
html[data-theme="dark"] body h5,
html[data-theme="dark"] body h6 {
    color: #ffffff !important;
}

/* .dark-modeクラスも対応 */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #ffffff !important;
}