:root,
[data-bs-theme="light"] {
    --bs-primary: #309898;
    --bs-primary-rgb: 48, 152, 152;

    --bs-primary-text-emphasis: #007e7d;
    --bs-primary-bg-subtle: #e6f4f4;
    --bs-primary-border-subtle: #98cbcc;

    --bs-link-color: #309898;
    --bs-link-hover-color: #007e7d;
    --bs-link-color-rgb: 48, 152, 152;
    --bs-link-hover-color-rgb: 0, 126, 125;

    --bs-focus-ring-color: rgba(48, 152, 152, 0.25);

    .nav-link.active,
    .text-active-primary.active,
    .text-active-primary.show {
        color: var(--bs-primary) !important;
    }

    .nav-line-tabs .nav-item .nav-link.active,
    .nav-line-tabs .nav-item .nav-link:hover {
        color: var(--bs-primary) !important;
        border-bottom-color: var(--bs-primary) !important;
    }

    .btn-primary {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #309898;
        --bs-btn-border-color: #309898;
    
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #007e7d;
        --bs-btn-hover-border-color: #007e7d;
    
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #006c6b;
        --bs-btn-active-border-color: #006c6b;
    
        --bs-btn-focus-shadow-rgb: 48, 152, 152;
    }

    .btn-outline-primary {
        --bs-btn-color: #309898;
        --bs-btn-border-color: #309898;
    
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #309898;
        --bs-btn-hover-border-color: #309898;
    
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #007e7d;
        --bs-btn-active-border-color: #007e7d;
    }
    
    
}

[data-bs-theme="dark"] {
    --bs-primary: #5bbcbc;
    --bs-primary-rgb: 91, 188, 188;

    --bs-primary-text-emphasis: #98cbcc;
    --bs-primary-bg-subtle: #0f2f2f;
    --bs-primary-border-subtle: #1e6f6e;

    --bs-link-color: #5bbcbc;
    --bs-link-hover-color: #98cbcc;
    --bs-link-color-rgb: 91, 188, 188;
    --bs-link-hover-color-rgb: 152, 203, 204;

    --bs-focus-ring-color: rgba(91, 188, 188, 0.25);
}

/* Metronic: set active color for primary buttons/links */
.btn-active-color-primary:hover,
.btn-active-color-primary.active,
.show > .btn-active-color-primary.btn,
.btn.btn-icon.btn-active-color-primary:hover i,
.btn.btn-icon.btn-active-color-primary.active i {
    color: var(--bs-primary) !important;
}

/* Metronic "light primary" active style (e.g. btn-active-light-primary) */
.btn-active-light-primary:hover,
.btn-active-light-primary.active,
.show > .btn-active-light-primary.btn {
    color: var(--bs-primary) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-border-subtle) !important;
}

/* Ensure text-hover-primary uses current primary color */
.text-hover-primary:hover,
.text-hover-primary:focus,
.text-hover-primary.active {
    color: var(--bs-primary) !important;
}

/* Also apply hover color to icons inside text-hover-primary containers */
.text-hover-primary:hover i,
.text-hover-primary:focus i,
.text-hover-primary.active i {
    color: var(--bs-primary) !important;
}