/* custom-pink-theme.css */

/* --- 1. プライマリカラー (主にヘッダー、主要ボタン) --- */

/* bg-danger クラスを上書き */
.bg-danger {
    background-color: #FF69B4 !important; /* ホットピンク */
}

/* text-danger クラスを上書き */
.text-danger {
    color: #C71585 !important; /* ディープピンク */
}

/* --- 2. ボタンとリンクの色 (btn-danger) --- */

.btn-danger {
    background-color: #FF69B4;
    border-color: #C71585;
    color: #fff;
}

.btn-danger:hover {
    background-color: #C71585;
    border-color: #A00060;
}

/* --- 3. その他の重要な要素 --- */

/* リストアイテムやアコーディオンのアクティブな背景色（お好みで） */
.list-group-item.active,
.accordion-button:not(.collapsed) {
    background-color: #FFC0CB !important; /* ライトピンク */
    border-color: #C71585 !important;
}

/* その他の要素（例: 見出しの border-bottom など）があればここで調整 */
h1 {
    border-bottom: 2px solid #FF69B4;
}