/* Toastr Error: Use the primary theme color (--color1) for a distinct alert background */
.toast-error {
    /* Background using your primary theme color for emphasis */
    background-color: var(--color1) !important;
    /* Text color for high contrast against the dark background */
    color: var(--color2) !important;
}

    /* Ensure the progress bar and close button also match for coherence */
    .toast-error .toast-progress {
        background-color: var(--color4) !important;
    }

    .toast-error .toast-close-button {
        color: var(--color2) !important;
    }

/* Toastr Success: Use a neutral, contrasting theme color */
.toast-success {
    /* Background using a distinct, slightly darker theme color */
    background-color: var(--color4) !important;
    /* Text color for high contrast */
    color: var(--color2) !important;
}

    .toast-success .toast-progress {
        background-color: var(--color2) !important;
    }

    .toast-success .toast-close-button {
        color: var(--color2) !important;
    }

/* Toastr Warning: Use your lightest theme color (--color2) with dark text for high visibility */
.toast-warning {
    /* Background using the lightest theme color */
    background-color: var(--color2) !important;
    /* Text color must be dark for contrast */
    color: var(--color5) !important;
}

    .toast-warning .toast-progress {
        background-color: var(--color1) !important; /* Use a darker color for the progress bar */
    }

    .toast-warning .toast-close-button {
        color: var(--color5) !important;
    }

/* Toastr Info: Use the tertiary theme color */
.toast-info {
    /* Background using the mid-range theme color */
    background-color: var(--color3) !important;
    /* Text color should be your light text color */
    color: var(--color2) !important;
}

    .toast-info .toast-progress {
        background-color: var(--color1) !important;
    }

    .toast-info .toast-close-button {
        color: var(--color2) !important;
    }