/**
 * NC4 Framework (https://github.com/NC-4/NC4)
 * © NC4 Project.
 *
 * Licensed under The FreeBSD License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @author  　　一般社団法人 教育のための科学研究所 <https://www.s4e.jp/>
 * @author  　　国立研究開発法人 科学技術振興機構 <https://www.jst.go.jp/>
 * @author  　　リーディング・スキル・テスト株式会社 <https://www.rstest.co.jp/>
 * @copyright  NC4 Project
 * @since      4.0.0
 * @license    https://opensource.org/licenses/BSD-2-Clause FreeBSD License
 */

/**
 * Classicテーマのベーススタイル（ClassicDefaultは除く）
 */

/**
 * リンクの色を設定
 */
a {
    color: var(--bs-link-color);
}
a:hover,
a:focus,
a:active {
    color: var(--bs-link-hover-color);
}

/**
 * ボタンの色を設定
 */
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
    --bs-btn-bg: var(--nc4-btn-outline-bg);
    --bs-btn-color: var(--nc4-btn-outline-color);
}
.btn-secondary,
.btn-outline-secondary {
    --bs-btn-active-bg: var(--nc4-btn-active-secondary);
    --bs-btn-active-border-color: var(--nc4-btn-active-secondary);
    --bs-btn-hover-bg: var(--nc4-btn-active-secondary);
    --bs-btn-hover-border-color: var(--nc4-btn-active-secondary);
}
.btn-secondary {
    --bs-btn-bg: var(--nc4-btn-bg-secondary);
    --bs-btn-border-color: var(--nc4-btn-bg-secondary);
}
.btn-outline-secondary {
    --bs-btn-border-color: var(--nc4-outline-secondary);
}
.btn-outline-dark {
    --bs-btn-border-color: var(--nc4-outline-secondary);
    --bs-btn-disabled-border-color: var(--nc4-disabled-border-color);
    --bs-btn-hover-bg: var(--bs-link-color);
    --bs-btn-hover-border-color: var(--bs-link-color);
}
.btn-success,
.btn-outline-success {
    --bs-btn-active-bg: var(--nc4-btn-active-success);
    --bs-btn-active-border-color: var(--nc4-btn-active-success);
    --bs-btn-hover-bg: var(--nc4-btn-active-success);
    --bs-btn-hover-border-color: var(--nc4-btn-active-success);
}
.btn-success {
    --bs-btn-bg: var(--nc4-btn-bg-success);
    --bs-btn-border-color: var(--nc4-btn-bg-success);
}
.btn-outline-success {
    --bs-btn-border-color: var(--nc4-outline-secondary);
}
.btn-primary,
.btn-outline-primary {
    --bs-btn-active-bg: var(--nc4-btn-active-primary);
    --bs-btn-active-border-color: var(--nc4-btn-active-primary);
    --bs-btn-border-color: var(--nc4-btn-bg-primary);
    --bs-btn-hover-bg: var(--nc4-btn-active-primary);
    --bs-btn-hover-border-color: var(--nc4-btn-active-primary);
}
.btn-primary {
    --bs-btn-bg: var(--nc4-btn-bg-primary);
    --bs-btn-border-color: var(--bs-primary);
}
.btn-outline-primary {
    --bs-btn-border-color: var(--nc4-outline-secondary);
}
.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
}
.btn-outline-danger {
    --bs-btn-border-color: var(--nc4-outline-secondary);
}
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
}
.btn-outline-warning {
    --bs-btn-border-color: var(--nc4-outline-secondary);
}

/**
 * フォームの色を設定
 */
.form-control,
.form-select {
    border-color: var(--nc4-form-control-border-color);
}
.input-group-text {
    border-color: var(--nc4-form-control-border-color);
}
/**
 * フレームの色を設定
 */
.card {
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-cap-bg: var(--bs-body-color-rgb);
}
.card.frame-primary > .card-header {
    --bs-card-border-color: var(--bs-primary-rgb);
}
.card.frame-secondary > .card-header {
    --bs-card-border-color: var(--bs-secondary-rgb);
}
.card.frame-success > .card-header {
    --bs-card-border-color: var(--bs-success-rgb);
}
.card.frame-warning > .card-header {
    --bs-card-border-color: var(--bs-warning-rgb);
}
.card.frame-danger > .card-header {
    --bs-card-border-color: var(--bs-danger-rgb);
}
.card.frame-info > .card-header {
    --bs-card-border-color: var(--bs-info-rgb);
}
.card.frame-light > .card-header {
    /*--bs-card-border-color: var(--bs-light-rgb);*/
}
.card.frame-dark > .card-header {
    --bs-card-border-color: var(--bs-dark-rgb);
}

/**
 * リストの色を設定
 */
.list-group {
    --bs-list-group-active-bg: var(--nc4-list-group-active-color-bg);
    --bs-list-group-active-border-color: var(--nc4-list-group-active-color-bg);
}

/**
 * ドロップダウンメニュー
 */
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--nc4-list-group-active-color-bg);
    --bs-dropdown-link-active-color: var(--bs-list-group-action-hover-bg);
}

/**
 * ナビゲーションの色を設定
 */
.navbar {
    background-color: var(--nc4-navbar-bg-color);
}

/**
 * タブ＆ピルの色を設定
 */
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--nc4-navbar-bg-color);
    --bs-nav-pills-link-active-border-color: var(--nc4-navbar-bg-color);
}

/**
 * フレーム設定の変更
 */