/*!
 * NC4 Framework (https://github.com/NC-4/Nc4)
 *
 * Copyright (c) NC4 Project.
 * All rights reserved.
 *
 * Licensed under the NC4 Framework / edumap+ Proprietary License Agreement.
 * Use of this software is permitted only under a valid agreement with the
 * Research Institute of Science for Education (S4E).
 *
 * See LICENSE.txt for complete license terms and obligations.
 *
 * Author: 一般社団法人 教育のための科学研究所 (Research Institute of Science for Education, S4E)
 * Link: https://www.s4e.jp/
 * License: https://github.com/NC-4/Nc4/blob/main/LICENSE.txt
 */

/**
 * 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);
}

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