/* assets/css/custom.css */

/* Custom colors for differentiation */
.bg-bg-3 {
    background-color: #fafafa !important; /* Dark blue-grey for header */
}

.btn-action-1 {
    background-color: #8e44ad !important; /* Purple for button background */
    border-color: #8e44ad !important;     /* Purple for button border */
    color: #ffffff !important;           /* White text for contrast */
}

.btn-action-1:hover {
    background-color: #9b59b6 !important; /* Lighter purple on hover */
    border-color: #9b59b6 !important;
}

/* You might need to adjust other elements if the new colors clash */
/* For example, if there's text on bg-bg-3 that becomes unreadable */