body {
    background-color: #02a7c4;
}


/* Your existing primary color definition */
:root {
    --bs-primary: #025766;
    --bs-primary-rgb: 2, 87, 102;
}

/* Override all primary button states */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: #01424f; /* Darker shade for hover */
    border-color: #01424f;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #01424f;
    border-color: #01424f;
    box-shadow: 0 0 0 0.2rem rgba(2, 87, 102, 0.5);
}

.btn-primary:active, .btn-primary.active {
    background-color: #013339; /* Even darker for active */
    border-color: #013339;
}

.btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    opacity: 0.65;
}

/* Override outline primary button */
.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* Override other primary utilities */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

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

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

/* Override links with primary color */
.link-primary {
    color: var(--bs-primary);
}

.link-primary:hover,
.link-primary:focus {
    color: #01424f;
}

/* Override alerts */
.alert-primary {
    color: #ffffff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

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

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