body {
    font-family: 'Montserrat', sans-serif !important;
}

/* Announcement Banner */
.bd-header-announcement {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #4385be, #a134eb) !important;
    background: linear-gradient(135deg, #4385be, #a134eb) !important;
    padding: 4px 20px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    min-height: auto !important;
}

.bd-header-announcement__content,
.bd-header-announcement a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    display: inline-block !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    line-height: 1.4 !important;
}

.bd-header-announcement a:hover {
    transform: translateX(4px);
    opacity: 0.9;
}

.nav-item .nav-link.active {
    font-weight: 500;
}

.action-button:hover {
    background-color: rgb(108, 117, 125) !important;
    border-color: rgb(108, 117, 125) !important;
    border-radius: var(--bs-border-radius-pill)!important;
    color: #ffffff !important;
} 

[data-bs-theme="light"] {
    
    .btn-primary {
        --bs-btn-color: var(--bs-body-bg);
        --bs-btn-bg: #4385BE !important;
        --bs-btn-border-color: #4385BE !important;   

        --bs-btn-hover-bg: #205ea6 !important;
        --bs-btn-hover-border-color: #205ea6 !important;
        --bs-btn-active-bg: #205ea6 !important;
    }

    .btn-primary:hover {
        --bs-btn-bg: #205ea6  !important;
        --bs-btn-border-color: #205ea6  !important;
    }
}

[data-bs-theme="flexoki"] {
    --bs-body-color: #100F0F;
    --bs-body-color-rgb: #{to-rgb($white)};
    --bs-body-bg: #FFFCF0;
    --bs-body-bg-rgb: #{to-rgb($blue)};
    --bs-tertiary-bg: #{$blue-600};
    
    .bg-secondary {
        background-color: #F2F0E5 !important;
    }

    .btn-primary {
        --bs-btn-color: var(--bs-body-bg);
        --bs-btn-bg: #4385BE;
        --bs-btn-border-color: #4385BE;   
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link  {
        --bs-active-color: #4385BE !important;
        /* --bs-active-bg: #FFFCF0; */
        color: #FFFCF0;
        /* background-color: #4385BE; */
    }

    .nav-link {
        color: #100F0F;
    }
}