@charset "UTF-8";

/* ==========================================
   LangChain4j RAG Project Common CSS
   ========================================== */

/* Web font load */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/* Web scrollbar customization */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* Dark sidebar scrollbar */
.sidebar ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
}
.sidebar ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ==========================================
   Global Theme Primary Color Overrides (#AE0728)
   ========================================== */
:root, [data-bs-theme="light"] {
    --phoenix-primary: #AE0728 !important;
    --phoenix-primary-rgb: 174, 7, 40 !important;
    --phoenix-primary-bg-subtle: #fcebee !important;
    --phoenix-primary-bg-subtle-rgb: 252, 235, 238 !important;
    --phoenix-link-color: #AE0728 !important;
    --phoenix-link-hover-color: #8d0520 !important;
    --phoenix-focus-ring-color: rgba(174, 7, 40, 0.25) !important;
    --phoenix-navbar-vertical-link-active-color: #AE0728 !important;
    --phoenix-theme-wizard-complete-color: #AE0728 !important;
    --phoenix-theme-wizard-active-color: #AE0728 !important;
    --phoenix-primary-light: #AE0728 !important;
    --phoenix-dropdown-link-active-bg: #AE0728 !important;
    --phoenix-pagination-active-bg: #AE0728 !important;
    --phoenix-pagination-active-border-color: #AE0728 !important;
    --phoenix-progress-bar-bg: #AE0728 !important;
    --phoenix-list-group-active-bg: #AE0728 !important;
    --phoenix-list-group-active-border-color: #AE0728 !important;
}

[data-bs-theme="dark"] {
    --phoenix-primary: #d8455e !important;
    --phoenix-primary-rgb: 216, 69, 94 !important;
    --phoenix-primary-bg-subtle: #3a151b !important;
    --phoenix-primary-bg-subtle-rgb: 58, 21, 27 !important;
    --phoenix-link-color: #d8455e !important;
    --phoenix-link-hover-color: #f7a0ae !important;
}

/* Button overrides */
.btn-primary {
    --phoenix-btn-bg: #AE0728 !important;
    --phoenix-btn-border-color: #AE0728 !important;
    --phoenix-btn-hover-bg: #8d0520 !important;
    --phoenix-btn-hover-border-color: #8d0520 !important;
    --phoenix-btn-active-bg: #74041a !important;
    --phoenix-btn-active-border-color: #74041a !important;
    --phoenix-btn-disabled-bg: #d37384 !important;
    --phoenix-btn-disabled-border-color: #d37384 !important;
    --phoenix-btn-focus-shadow-rgb: 174, 7, 40 !important;
    background-color: #AE0728 !important;
    border-color: #AE0728 !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #8d0520 !important;
    border-color: #8d0520 !important;
    color: #fff !important;
}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #74041a !important;
    border-color: #74041a !important;
    color: #fff !important;
}

.btn-outline-primary {
    --phoenix-btn-color: #AE0728 !important;
    --phoenix-btn-border-color: #AE0728 !important;
    --phoenix-btn-hover-bg: #AE0728 !important;
    --phoenix-btn-hover-border-color: #AE0728 !important;
    --phoenix-btn-active-bg: #74041a !important;
    --phoenix-btn-active-border-color: #74041a !important;
    color: #AE0728 !important;
    border-color: #AE0728 !important;
}
.btn-outline-primary:hover {
    background-color: #AE0728 !important;
    border-color: #AE0728 !important;
    color: #fff !important;
}
.btn-outline-primary:active, .btn-outline-primary.active {
    background-color: #74041a !important;
    border-color: #74041a !important;
    color: #fff !important;
}

/* Badge overrides */
.badge-subtle-primary {
    --phoenix-badge-color: #AE0728 !important;
    --phoenix-badge-bg: #fcebee !important;
    color: #AE0728 !important;
    background-color: #fcebee !important;
}

/* Form input focus / check styles */
.form-control:focus, .form-select:focus {
    border-color: #d88394 !important;
    box-shadow: 0 0 0 0.25rem rgba(174, 7, 40, 0.25) !important;
}
.form-check-input:checked {
    background-color: #AE0728 !important;
    border-color: #AE0728 !important;
}
.form-check-input:focus {
    border-color: #d88394 !important;
    box-shadow: 0 0 0 0.25rem rgba(174, 7, 40, 0.25) !important;
}

/* Text and Background Utility overrides */
.text-primary {
    color: #AE0728 !important;
}
.bg-primary {
    background-color: #AE0728 !important;
}
.bg-primary-subtle {
    background-color: #fcebee !important;
}
.border-primary {
    border-color: #AE0728 !important;
}