:root {
    --bs-primary: #00b289 !important;
    --bs-primary-rgb: 0, 178, 137 !important;
}

/* Enforce primary green elements and clean button contrast */
.btn-primary, .badge.bg-primary {
    background-color: #00b289 !important;
    border-color: #00b289 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #008f6e !important;
    border-color: #008f6e !important;
}

.btn-outline-primary {
    color: #00b289 !important;
    border-color: #00b289 !important;
}

.btn-outline-primary:hover {
    background-color: #00b289 !important;
    border-color: #00b289 !important;
    color: #ffffff !important;
}

.text-primary, a.link-primary {
    color: #00b289 !important;
}

.nav-pills .nav-link.active, .navbar-nav .active > .nav-link {
    color: #00b289 !important;
}

/* Customizations for the Authentication Cards (Login, Signup, Reset) */
.page-login .card, 
.page-signup .card, 
.page-password-reset .card {
    /* Tweaked shading: Soft, deep shadow with a subtle emerald-tinted border */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 
                0 8px 10px -6px rgba(0, 178, 137, 0.03) !important;
    
    /* More padding around the form fields and login elements */
    padding: 1rem !important; 
    border-radius: 12px !important;
}

/* Optional: Ensure card headers blend perfectly with the adjusted padding */
.page-login .card-header, 
.page-signup .card-header, 
.page-password-reset .card-header {
    background-color: transparent !important;
    border-bottom: none !important;
    padding-bottom: 1rem !important;
}