/**
 * ELT-API 색상 오버라이드 v5
 * 원본 색상 기반, Primary와 Success의 과도한 형광만 감소
 *
 * 원본: Primary #696cff (보라빛 파랑), Success #71dd37 (형광 초록)
 * v5: Primary와 Success만 형광 제거, 나머지는 원본 유지
 */

/* ========================================
   1. CSS 변수 오버라이드 (전역 색상)
   ======================================== */

:root {
    /* Primary - 원본 #696cff에서 형광 약간 제거 (v2보다 밝게) */
    --bs-primary: #6A7FE6;
    --bs-primary-rgb: 106, 127, 230;

    /* Secondary - 원본 유지 */
    --bs-secondary: #8592a3;
    --bs-secondary-rgb: 133, 146, 163;

    /* Success - 원본 #71dd37에서 형광 제거 */
    --bs-success: #5FB832;
    --bs-success-rgb: 95, 184, 50;

    /* Info - 원본 #03c3ec에서 형광 감소 */
    --bs-info: #4DB8D8;
    --bs-info-rgb: 77, 184, 216;

    /* Warning - 원본 #ffab00에서 형광 감소 */
    --bs-warning: #F5A623;
    --bs-warning-rgb: 245, 166, 35;

    /* Danger - 원본 #ff3e1d에서 형광 감소 */
    --bs-danger: #E64A3C;
    --bs-danger-rgb: 230, 74, 60;

    /* Light - 원본 유지 */
    --bs-light: #fcfdfd;
    --bs-light-rgb: 252, 253, 253;

    /* Dark - 원본 유지 */
    --bs-dark: #233446;
    --bs-dark-rgb: 35, 52, 70;
}

/* ========================================
   2. 버튼 (Button) 색상 오버라이드
   ======================================== */

/* Primary Button */
.btn-primary {
    background-color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #5A6FD6 !important;
    border-color: #5A6FD6 !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
    color: #ffffff !important;
}

/* Secondary Button - 원본 유지 */
.btn-secondary {
    background-color: #8592a3 !important;
    border-color: #8592a3 !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #7582a3 !important;
    border-color: #7582a3 !important;
    color: #ffffff !important;
}

.btn-outline-secondary {
    color: #8592a3 !important;
    border-color: #8592a3 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background-color: #8592a3 !important;
    border-color: #8592a3 !important;
    color: #ffffff !important;
}

/* Success Button */
.btn-success {
    background-color: #5FB832 !important;
    border-color: #5FB832 !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #4FA428 !important;
    border-color: #4FA428 !important;
    color: #ffffff !important;
}

.btn-outline-success {
    color: #5FB832 !important;
    border-color: #5FB832 !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
    background-color: #5FB832 !important;
    border-color: #5FB832 !important;
    color: #ffffff !important;
}

/* Info Button */
.btn-info {
    background-color: #4DB8D8 !important;
    border-color: #4DB8D8 !important;
    color: #ffffff !important;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #3DA4C4 !important;
    border-color: #3DA4C4 !important;
    color: #ffffff !important;
}

.btn-outline-info {
    color: #4DB8D8 !important;
    border-color: #4DB8D8 !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus {
    background-color: #4DB8D8 !important;
    border-color: #4DB8D8 !important;
    color: #ffffff !important;
}

/* Warning Button */
.btn-warning {
    background-color: #F5A623 !important;
    border-color: #F5A623 !important;
    color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #DB921F !important;
    border-color: #DB921F !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #F5A623 !important;
    border-color: #F5A623 !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background-color: #F5A623 !important;
    border-color: #F5A623 !important;
    color: #ffffff !important;
}

/* Danger Button */
.btn-danger {
    background-color: #E64A3C !important;
    border-color: #E64A3C !important;
    color: #ffffff !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #D23C2E !important;
    border-color: #D23C2E !important;
    color: #ffffff !important;
}

.btn-outline-danger {
    color: #E64A3C !important;
    border-color: #E64A3C !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
    background-color: #E64A3C !important;
    border-color: #E64A3C !important;
    color: #ffffff !important;
}

/* ========================================
   3. 배지 (Badge) 색상 오버라이드
   ======================================== */

.badge.bg-primary {
    background-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.badge.bg-secondary {
    background-color: #8592a3 !important;
    color: #ffffff !important;
}

.badge.bg-success {
    background-color: #5FB832 !important;
    color: #ffffff !important;
}

.badge.bg-info {
    background-color: #4DB8D8 !important;
    color: #ffffff !important;
}

.badge.bg-warning {
    background-color: #F5A623 !important;
    color: #ffffff !important;
}

.badge.bg-danger {
    background-color: #E64A3C !important;
    color: #ffffff !important;
}

/* Text 색상 배지 (outline 스타일) */
.badge.text-primary {
    color: #6A7FE6 !important;
}

.badge.text-secondary {
    color: #8592a3 !important;
}

.badge.text-success {
    color: #5FB832 !important;
}

.badge.text-info {
    color: #4DB8D8 !important;
}

.badge.text-warning {
    color: #F5A623 !important;
}

.badge.text-danger {
    color: #E64A3C !important;
}

/* ========================================
   4. 알림 (Alert) 색상 오버라이드
   ======================================== */

.alert-primary {
    background-color: #E9EDFC !important;
    border-color: #D3DCF9 !important;
    color: #3A4F9A !important;
}

.alert-secondary {
    background-color: #f0f1f3 !important;
    border-color: #e1e3e6 !important;
    color: #5a6271 !important;
}

.alert-success {
    background-color: #E7F5E0 !important;
    border-color: #CFEBC1 !important;
    color: #3D7A21 !important;
}

.alert-info {
    background-color: #E3F4F9 !important;
    border-color: #C7E9F3 !important;
    color: #2E7690 !important;
}

.alert-warning {
    background-color: #FEF4E6 !important;
    border-color: #FDEACC !important;
    color: #9A6B18 !important;
}

.alert-danger {
    background-color: #FBEAE8 !important;
    border-color: #F7D5D1 !important;
    color: #9A2F25 !important;
}

/* ========================================
   5. 텍스트 색상 오버라이드
   ======================================== */

.text-primary {
    color: #6A7FE6 !important;
}

.text-secondary {
    color: #8592a3 !important;
}

.text-success {
    color: #5FB832 !important;
}

.text-info {
    color: #4DB8D8 !important;
}

.text-warning {
    color: #F5A623 !important;
}

.text-danger {
    color: #E64A3C !important;
}

/* ========================================
   6. 배경 색상 오버라이드
   ======================================== */

.bg-primary {
    background-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.bg-secondary {
    background-color: #8592a3 !important;
    color: #ffffff !important;
}

.bg-success {
    background-color: #5FB832 !important;
    color: #ffffff !important;
}

.bg-info {
    background-color: #4DB8D8 !important;
    color: #ffffff !important;
}

.bg-warning {
    background-color: #F5A623 !important;
    color: #ffffff !important;
}

.bg-danger {
    background-color: #E64A3C !important;
    color: #ffffff !important;
}

/* ========================================
   7. 테두리 (Border) 색상 오버라이드
   ======================================== */

.border-primary {
    border-color: #6A7FE6 !important;
}

.border-secondary {
    border-color: #8592a3 !important;
}

.border-success {
    border-color: #5FB832 !important;
}

.border-info {
    border-color: #4DB8D8 !important;
}

.border-warning {
    border-color: #F5A623 !important;
}

.border-danger {
    border-color: #E64A3C !important;
}

/* ========================================
   8. 링크 (Link) 색상 오버라이드
   ======================================== */

a.link-primary {
    color: #6A7FE6 !important;
}

a.link-primary:hover {
    color: #5A6FD6 !important;
}

a.link-secondary {
    color: #8592a3 !important;
}

a.link-secondary:hover {
    color: #7582a3 !important;
}

a.link-success {
    color: #5FB832 !important;
}

a.link-success:hover {
    color: #4FA428 !important;
}

a.link-info {
    color: #4DB8D8 !important;
}

a.link-info:hover {
    color: #3DA4C4 !important;
}

a.link-warning {
    color: #F5A623 !important;
}

a.link-warning:hover {
    color: #DB921F !important;
}

a.link-danger {
    color: #E64A3C !important;
}

a.link-danger:hover {
    color: #D23C2E !important;
}

/* ========================================
   9. 폼 컨트롤 (Form Control) 색상
   ======================================== */

.form-control:focus {
    border-color: #6A7FE6 !important;
    box-shadow: 0 0 0 0.25rem rgba(106, 127, 230, 0.25) !important;
}

.form-select:focus {
    border-color: #6A7FE6 !important;
    box-shadow: 0 0 0 0.25rem rgba(106, 127, 230, 0.25) !important;
}

.form-check-input:checked {
    background-color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
}

.form-check-input:focus {
    border-color: #6A7FE6 !important;
    box-shadow: 0 0 0 0.25rem rgba(106, 127, 230, 0.25) !important;
}

/* ========================================
   10. 페이지네이션 (Pagination) 색상
   ======================================== */

.pagination .page-link {
    color: #6A7FE6 !important;
}

.pagination .page-link:hover {
    color: #5A6FD6 !important;
    background-color: #E9EDFC !important;
    border-color: #D3DCF9 !important;
}

.pagination .page-item.active .page-link {
    background-color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.pagination .page-item.disabled .page-link {
    color: #8592a3 !important;
}

/* ========================================
   11. 프로그레스 바 (Progress Bar) 색상
   ======================================== */

.progress-bar {
    background-color: #6A7FE6 !important;
}

.progress-bar.bg-success {
    background-color: #5FB832 !important;
}

.progress-bar.bg-info {
    background-color: #4DB8D8 !important;
}

.progress-bar.bg-warning {
    background-color: #F5A623 !important;
}

.progress-bar.bg-danger {
    background-color: #E64A3C !important;
}

/* ========================================
   12. 드롭다운 (Dropdown) 색상
   ======================================== */

.dropdown-item:active {
    background-color: #6A7FE6 !important;
    color: #ffffff !important;
}

/* ========================================
   13. 네비게이션 (Nav) 색상
   ======================================== */

.nav-pills .nav-link.active {
    background-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.nav-pills .nav-link.active:hover {
    background-color: #6A7FE6 !important;
    color: #ffffff !important;
}

.nav-pills .nav-link:hover {
    background-color: #E9EDFC !important;
    color: #3A4F9A !important;
}

/* ========================================
   14. 리스트 그룹 (List Group) 색상
   ======================================== */

.list-group-item-primary {
    background-color: #E9EDFC !important;
    color: #3A4F9A !important;
}

.list-group-item-secondary {
    background-color: #f0f1f3 !important;
    color: #5a6271 !important;
}

.list-group-item-success {
    background-color: #E7F5E0 !important;
    color: #3D7A21 !important;
}

.list-group-item-info {
    background-color: #E3F4F9 !important;
    color: #2E7690 !important;
}

.list-group-item-warning {
    background-color: #FEF4E6 !important;
    color: #9A6B18 !important;
}

.list-group-item-danger {
    background-color: #FBEAE8 !important;
    color: #9A2F25 !important;
}

.list-group-item.active {
    background-color: #6A7FE6 !important;
    border-color: #6A7FE6 !important;
}