:root {
  --bs-primary: var(--color-palette-1); /* #125FAD; */
  --bs-secondary: #1C1650;
  --bs-tertiary: #6f42c1;
  --bs-success: #198754;
  --bs-danger: #dc3545;
  /* --bs-warning: #ffc107; */
  --bs-warning: var(--bs-orange); /* Use a variable for warning color */
  --bs-info: #0dcaf0;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}


.fw-bold {
  font-weight: 900 !important;
  /* letter-spacing: -0.035em; */
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
}

.btn-tertiary {
  --bs-btn-bg: var(--bs-tertiary);
  --bs-btn-border-color: var(--bs-tertiary);
  --bs-btn-hover-bg: var(--bs-tertiary);
  --bs-btn-hover-border-color: var(--bs-tertiary);
  --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
  --bs-btn-active-bg: var(--bs-tertiary);
  --bs-btn-active-border-color: var(--bs-tertiary);
  --bs-btn-color: #fff;
}

.btn-success {
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
}

.btn-danger {
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-hover-border-color: var(--bs-danger);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-bg: var(--bs-danger);
  --bs-btn-active-border-color: var(--bs-danger);
}

.btn-warning {
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-hover-border-color: var(--bs-warning);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-bg: var(--bs-warning);
  --bs-btn-active-border-color: var(--bs-warning);
}

.btn-info {
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-info);
  --bs-btn-hover-border-color: var(--bs-info);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-bg: var(--bs-info);
  --bs-btn-active-border-color: var(--bs-info);
}

.btn-light {
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: var(--bs-light);
  --bs-btn-hover-border-color: var(--bs-light);
  --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-active-bg: var(--bs-light);
  --bs-btn-active-border-color: var(--bs-light);
}

.btn-dark {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-bg: var(--bs-dark);
  --bs-btn-active-border-color: var(--bs-dark);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
}

.btn-outline-tertiary {
  --bs-btn-color: var(--bs-tertiary);
  --bs-btn-border-color: var(--bs-tertiary);
  --bs-btn-hover-bg: var(--bs-tertiary);
  --bs-btn-hover-border-color: var(--bs-tertiary);
  --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
  --bs-btn-active-bg: var(--bs-tertiary);
  --bs-btn-active-border-color: var(--bs-tertiary);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-hover-border-color: var(--bs-danger);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-bg: var(--bs-danger);
  --bs-btn-active-border-color: var(--bs-danger);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-hover-border-color: var(--bs-warning);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-bg: var(--bs-warning);
  --bs-btn-active-border-color: var(--bs-warning);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-info);
  --bs-btn-hover-border-color: var(--bs-info);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-bg: var(--bs-info);
  --bs-btn-active-border-color: var(--bs-info);
}

.btn-outline-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: var(--bs-light);
  --bs-btn-hover-border-color: var(--bs-light);
  --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-active-bg: var(--bs-light);
  --bs-btn-active-border-color: var(--bs-light);
}

.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-bg: var(--bs-dark);
  --bs-btn-active-border-color: var(--bs-dark);
}

/* Navigation */
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
  --bs-nav-link-color: var(--bs-primary);
}

.navbar-brand {
  color: var(--bs-primary) !important;
}

.nav-link {
  color: var(--bs-primary);
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-primary);
}

/* Alerts */
.alert-primary {
  --bs-alert-color: var(--bs-primary);
  --bs-alert-bg: color-mix(in srgb, var(--bs-primary) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary);
  --bs-alert-bg: color-mix(in srgb, var(--bs-secondary) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-secondary) 50%, transparent);
}

.alert-tertiary {
  --bs-alert-color: var(--bs-tertiary);
  --bs-alert-bg: color-mix(in srgb, var(--bs-tertiary) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-tertiary) 50%, transparent);
}

.alert-success {
  --bs-alert-color: var(--bs-success);
  --bs-alert-bg: color-mix(in srgb, var(--bs-success) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-success) 50%, transparent);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger);
  --bs-alert-bg: color-mix(in srgb, var(--bs-danger) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-danger) 50%, transparent);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning);
  --bs-alert-bg: color-mix(in srgb, var(--bs-warning) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-warning) 50%, transparent);
}

.alert-info {
  --bs-alert-color: var(--bs-info);
  --bs-alert-bg: color-mix(in srgb, var(--bs-info) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-info) 50%, transparent);
}

.alert-light {
  --bs-alert-color: var(--bs-light);
  --bs-alert-bg: color-mix(in srgb, var(--bs-light) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-light) 50%, transparent);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark);
  --bs-alert-bg: color-mix(in srgb, var(--bs-dark) 15%, transparent);
  --bs-alert-border-color: color-mix(in srgb, var(--bs-dark) 50%, transparent);
}

/* Badges */
.badge.bg-primary {
  background-color: var(--bs-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.badge.bg-tertiary {
  background-color: var(--bs-tertiary) !important;
}

.badge.bg-success {
  background-color: var(--bs-success) !important;
}

.badge.bg-danger {
  background-color: var(--bs-danger) !important;
}

.badge.bg-warning {
  background-color: var(--bs-warning) !important;
}

.badge.bg-info {
  background-color: var(--bs-info) !important;
}

.badge.bg-light {
  background-color: var(--bs-light) !important;
}

.badge.bg-dark {
  background-color: var(--bs-dark) !important;
}

.badge.text-bg-primary {
  background-color: var(--bs-primary) !important;
}

.badge.text-bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.badge.text-bg-tertiary {
  background-color: var(--bs-tertiary) !important;
}

.badge.text-bg-success {
  background-color: var(--bs-success) !important;
}

.badge.text-bg-danger {
  background-color: var(--bs-danger) !important;
}

.badge.text-bg-warning {
  background-color: var(--bs-warning) !important;
}

.badge.text-bg-info {
  background-color: var(--bs-info) !important;
}

.badge.text-bg-light {
  background-color: var(--bs-light) !important;
}

.badge.text-bg-dark {
  background-color: var(--bs-dark) !important;
}

/* Links */
.link-primary {
  color: var(--bs-primary) !important;
}

.link-secondary {
  color: var(--bs-secondary) !important;
}

.link-tertiary {
  color: var(--bs-tertiary) !important;
}

.link-success {
  color: var(--bs-success) !important;
}

.link-danger {
  color: var(--bs-danger) !important;
}

.link-warning {
  color: var(--bs-warning) !important;
}

.link-info {
  color: var(--bs-info) !important;
}

.link-light {
  color: var(--bs-light) !important;
}

.link-dark {
  color: var(--bs-dark) !important;
}

/* Text Colors */
.text-primary {
  color: var(--bs-primary) !important;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}

.text-tertiary {
  color: var(--bs-tertiary) !important;
}

.text-success {
  color: var(--bs-success) !important;
}

.text-danger {
  color: var(--bs-danger) !important;
}

.text-warning {
  color: var(--bs-warning) !important;
}

.text-info {
  color: var(--bs-info) !important;
}

.text-light {
  color: var(--bs-light) !important;
}

.text-dark {
  color: var(--bs-dark) !important;
}

/* Background Colors */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.bg-tertiary {
  background-color: var(--bs-tertiary) !important;
}

.bg-success {
  background-color: var(--bs-success) !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-warning {
  background-color: var(--bs-warning) !important;
}

.bg-info {
  background-color: var(--bs-info) !important;
}

.bg-light {
  background-color: var(--bs-light) !important;
}

.bg-dark {
  background-color: var(--bs-dark) !important;
}

/* Border Colors */
.border-primary {
  border-color: var(--bs-primary) !important;
}

.border-secondary {
  border-color: var(--bs-secondary) !important;
}

.border-tertiary {
  border-color: var(--bs-tertiary) !important;
}

.border-success {
  border-color: var(--bs-success) !important;
}

.border-danger {
  border-color: var(--bs-danger) !important;
}

.border-warning {
  border-color: var(--bs-warning) !important;
}

.border-info {
  border-color: var(--bs-info) !important;
}

.border-light {
  border-color: var(--bs-light) !important;
}

.border-dark {
  border-color: var(--bs-dark) !important;
}

/* Forms */
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-control:focus {
  border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

.form-select:focus {
  border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

/* Progress Bars */
.progress-bar {
  background-color: var(--bs-primary);
}

.progress-bar.bg-secondary {
  background-color: var(--bs-secondary);
}

.progress-bar.bg-tertiary {
  background-color: var(--bs-tertiary);
}

.progress-bar.bg-success {
  background-color: var(--bs-success);
}

.progress-bar.bg-danger {
  background-color: var(--bs-danger);
}

.progress-bar.bg-warning {
  background-color: var(--bs-warning);
}

.progress-bar.bg-info {
  background-color: var(--bs-info);
}

.progress-bar.bg-light {
  background-color: var(--bs-light);
}

.progress-bar.bg-dark {
  background-color: var(--bs-dark);
}

/* Cards */
.card-header.bg-primary {
  background-color: var(--bs-primary) !important;
}

.card-header.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.card-header.bg-tertiary {
  background-color: var(--bs-tertiary) !important;
}

.card-header.bg-success {
  background-color: var(--bs-success) !important;
}

.card-header.bg-danger {
  background-color: var(--bs-danger) !important;
}

.card-header.bg-warning {
  background-color: var(--bs-warning) !important;
}

.card-header.bg-info {
  background-color: var(--bs-info) !important;
}

.card-header.bg-light {
  background-color: var(--bs-light) !important;
}

.card-header.bg-dark {
  background-color: var(--bs-dark) !important;
}

/* Tables */
.table-primary {
  --bs-table-bg: color-mix(in srgb, var(--bs-primary) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
}

.table-secondary {
  --bs-table-bg: color-mix(in srgb, var(--bs-secondary) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-secondary) 50%, transparent);
}

.table-tertiary {
  --bs-table-bg: color-mix(in srgb, var(--bs-tertiary) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-tertiary) 50%, transparent);
}

.table-success {
  --bs-table-bg: color-mix(in srgb, var(--bs-success) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-success) 50%, transparent);
}

.table-danger {
  --bs-table-bg: color-mix(in srgb, var(--bs-danger) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-danger) 50%, transparent);
}

.table-warning {
  --bs-table-bg: color-mix(in srgb, var(--bs-warning) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-warning) 50%, transparent);
}

.table-info {
  --bs-table-bg: color-mix(in srgb, var(--bs-info) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-info) 50%, transparent);
}

.table-light {
  --bs-table-bg: color-mix(in srgb, var(--bs-light) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-light) 50%, transparent);
}

.table-dark {
  --bs-table-bg: color-mix(in srgb, var(--bs-dark) 15%, transparent);
  --bs-table-border-color: color-mix(in srgb, var(--bs-dark) 50%, transparent);
}

/* Pagination */
.pagination .page-link {
  color: var(--bs-primary);
}

.pagination .page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Dropdowns */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: color-mix(in srgb, var(--bs-primary) 15%, transparent);
}

.dropdown-item.active {
  background-color: var(--bs-primary);
}

/* List Groups */
.list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.list-group-item-primary {
  color: var(--bs-primary);
  background-color: color-mix(in srgb, var(--bs-primary) 15%, transparent);
}

.list-group-item-secondary {
  color: var(--bs-secondary);
  background-color: color-mix(in srgb, var(--bs-secondary) 15%, transparent);
}

.list-group-item-tertiary {
  color: var(--bs-tertiary);
  background-color: color-mix(in srgb, var(--bs-tertiary) 15%, transparent);
}

.list-group-item-success {
  color: var(--bs-success);
  background-color: color-mix(in srgb, var(--bs-success) 15%, transparent);
}

.list-group-item-danger {
  color: var(--bs-danger);
  background-color: color-mix(in srgb, var(--bs-danger) 15%, transparent);
}

.list-group-item-warning {
  color: var(--bs-warning);
  background-color: color-mix(in srgb, var(--bs-warning) 15%, transparent);
}

.list-group-item-info {
  color: var(--bs-info);
  background-color: color-mix(in srgb, var(--bs-info) 15%, transparent);
}

.list-group-item-light {
  color: var(--bs-light);
  background-color: color-mix(in srgb, var(--bs-light) 15%, transparent);
}

.list-group-item-dark {
  color: var(--bs-dark);
  background-color: color-mix(in srgb, var(--bs-dark) 15%, transparent);
}

/* Spinners */
.spinner-border.text-primary {
  color: var(--bs-primary) !important;
}

.spinner-border.text-secondary {
  color: var(--bs-secondary) !important;
}

.spinner-border.text-tertiary {
  color: var(--bs-tertiary) !important;
}

.spinner-border.text-success {
  color: var(--bs-success) !important;
}

.spinner-border.text-danger {
  color: var(--bs-danger) !important;
}

.spinner-border.text-warning {
  color: var(--bs-warning) !important;
}

.spinner-border.text-info {
  color: var(--bs-info) !important;
}

.spinner-border.text-light {
  color: var(--bs-light) !important;
}

.spinner-border.text-dark {
  color: var(--bs-dark) !important;
}

.spinner-grow.text-primary {
  color: var(--bs-primary) !important;
}

.spinner-grow.text-secondary {
  color: var(--bs-secondary) !important;
}

.spinner-grow.text-tertiary {
  color: var(--bs-tertiary) !important;
}

.spinner-grow.text-success {
  color: var(--bs-success) !important;
}

.spinner-grow.text-danger {
  color: var(--bs-danger) !important;
}

.spinner-grow.text-warning {
  color: var(--bs-warning) !important;
}

.spinner-grow.text-info {
  color: var(--bs-info) !important;
}

.spinner-grow.text-light {
  color: var(--bs-light) !important;
}

.spinner-grow.text-dark {
  color: var(--bs-dark) !important;
}

/* Accordion */
.accordion-button:not(.collapsed) {
  background-color: color-mix(in srgb, var(--bs-primary) 15%, transparent);
  color: var(--bs-primary);
}

.accordion-button:focus {
  border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

/* Offcanvas */
.offcanvas-header .btn-close {
  filter: invert(1);
}

/* Toasts */
.toast-header .btn-close {
  filter: invert(1);
}

/* Modal */
.modal-header .btn-close {
  filter: invert(1);
}

/* Carousel */
.carousel-indicators [data-bs-target] {
  background-color: var(--bs-primary);
}

.carousel-control-prev,
.carousel-control-next {
  color: var(--bs-primary);
}

/* Close Button */
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

/* Range Input */
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

.form-range::-webkit-slider-thumb:active {
  background-color: color-mix(in srgb, var(--bs-primary) 25%, white);
}

.form-range::-moz-range-thumb:active {
  background-color: color-mix(in srgb, var(--bs-primary) 25%, white);
}

/* Floating Labels */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: color-mix(in srgb, var(--bs-primary) 80%, var(--bs-secondary-color));
}

/* Input Group */
.input-group-text {
  border-color: var(--bs-border-color);
}

/* Switch */
.form-switch .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

/* Breadcrumb */
.breadcrumb-item.active {
  color: var(--bs-secondary);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-secondary);
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: var(--bs-primary);
  border-color: var(--bs-nav-tabs-border-color) var(--bs-nav-tabs-border-color) var(--bs-primary);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  isolation: isolate;
}

/* Nav Underline */
.nav-underline .nav-link.active {
  color: var(--bs-primary);
  border-bottom-color: var(--bs-primary);
}

/* Popover & Tooltip (uses CSS custom properties that inherit from primary) */
.popover {
  --bs-popover-border-color: color-mix(in srgb, var(--bs-primary) 20%, var(--bs-border-color));
}

.tooltip {
  --bs-tooltip-bg: var(--bs-secondary);
}

/* Placeholder */
.placeholder.bg-primary {
  background-color: var(--bs-primary) !important;
}

.placeholder.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.placeholder.bg-tertiary {
  background-color: var(--bs-tertiary) !important;
}

.placeholder.bg-success {
  background-color: var(--bs-success) !important;
}

.placeholder.bg-danger {
  background-color: var(--bs-danger) !important;
}

.placeholder.bg-warning {
  background-color: var(--bs-warning) !important;
}

.placeholder.bg-info {
  background-color: var(--bs-info) !important;
}

.placeholder.bg-light {
  background-color: var(--bs-light) !important;
}

.placeholder.bg-dark {
  background-color: var(--bs-dark) !important;
}