/* Bootstrap Primary Color Overrides */
:root {
    --bs-primary: #027b8b;
    --bs-primary-rgb: 2, 123, 139;
}

/* Primary Color Classes */
.btn-primary {
    background-color: #027b8b !important;
    border-color: #027b8b !important;
}

.btn-primary:hover {
    background-color: #026a79 !important;
    border-color: #026a79 !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #015968 !important;
    border-color: #015968 !important;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #027b8b !important;
    border-color: #027b8b !important;
}

/* Outline Button */
.btn-outline-primary {
    color: #027b8b !important;
    border-color: #027b8b !important;
}

.btn-outline-primary:hover {
    background-color: #027b8b !important;
    border-color: #027b8b !important;
    color: #fff !important;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.show {
    background-color: #027b8b !important;
    border-color: #027b8b !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25) !important;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #027b8b !important;
    border-color: #027b8b !important;
}

.btn-outline-primary.active:hover {
    background-color: #026a79 !important;
    border-color: #026a79 !important;
}

/* Text Color */
.text-primary {
    color: #027b8b !important;
}

/* Background Color */
.bg-primary {
    background-color: #027b8b !important;
}

/* Border Color */
.border-primary {
    border-color: #027b8b !important;
}

/* Links */
.link-primary {
    color: #027b8b !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #026a79 !important;
}

/* Navigation Pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #027b8b !important;
}

.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link:hover {
    background-color: #026a79 !important;
}

/* Navigation Tabs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #027b8b !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6 !important;
    color: #027b8b !important;
}

/* Badges */
.badge.bg-primary {
    background-color: #027b8b !important;
}

/* Alerts */
.alert-primary {
    color: #01474f;
    background-color: #cce9ed;
    border-color: #b3e0e6;
}

/* Progress Bars */
.progress-bar.bg-primary {
    background-color: #027b8b !important;
}

/* Form Controls */
.form-control:focus {
    border-color: #81bdc7;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25);
}

.form-select:focus {
    border-color: #81bdc7;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25);
}

.form-check-input:checked {
    background-color: #027b8b;
    border-color: #027b8b;
}

.form-check-input:focus {
    border-color: #81bdc7;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25);
}

/* Pagination */
.pagination .page-link {
    color: #027b8b;
}

.pagination .page-link:hover {
    color: #026a79;
}

.pagination .page-item.active .page-link {
    background-color: #027b8b;
    border-color: #027b8b;
}

/* List Group */
.list-group-item-primary {
    color: #01474f;
    background-color: #cce9ed;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #01474f;
    background-color: #b8dfe5;
}

/* List Group Active States */
.list-group-item-action.active {
    background-color: #027b8b !important;
    border-color: #027b8b !important;
    color: #fff !important;
    z-index: 2;
}

.list-group-item-action:hover {
    background-color: #f8f9fa;
}

.list-group-item-action.active:hover {
    background-color: #026a79 !important;
    border-color: #026a79 !important;
    color: #fff !important;
}

/* Tables */
.table-primary {
    --bs-table-bg: #cce9ed;
    --bs-table-striped-bg: #c1e3e8;
    --bs-table-active-bg: #b5dde2;
    --bs-table-hover-bg: #bce0e5;
    color: #000;
}

/* Navbar */
.navbar-light .navbar-brand {
    color: #027b8b;
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #026a79;
}

.navbar-light .navbar-nav .nav-link {
    color: #027b8b;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #026a79;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    color: #027b8b;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #027b8b;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(2, 123, 139, 0.1);
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #027b8b !important;
    background-color: rgba(2, 123, 139, 0.1) !important;
    box-shadow: inset 0 -1px 0 rgba(2, 123, 139, 0.125) !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #81bdc7 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 139, 0.25) !important;
}

/* Breadcrumb */
.breadcrumb-item.active {
    color: #027b8b;
}

/* Offcanvas */
.offcanvas-header.bg-primary {
    background-color: #027b8b !important;
}

/* Spinners */
.spinner-border.text-primary {
    color: #027b8b !important;
}

.spinner-grow.text-primary {
    color: #027b8b !important;
}

/* Toast */
.toast-primary {
    color: #01474f;
    background-color: #cce9ed;
    border-color: #b3e0e6;
}

/* Modals */
.modal-header.bg-primary {
    background-color: #027b8b !important;
}

/* Cards */
.card-header.bg-primary {
    background-color: #027b8b !important;
}

/* Custom scrollbar for primary theme */
::-webkit-scrollbar-thumb:hover {
    background-color: #027b8b;
}

/* Focus visible outlines */
.btn-primary:focus-visible {
    outline: 2px solid #027b8b;
    outline-offset: 2px;
}