/* Error: should NOT be primary blue; make it the “heaviest” toast using the darkest surface,
   then use the gold accent as the error indicator (since we don't have a dedicated red). */
.toast-error {
    background-color: var(--color5) !important; /* deepest slate = strongest alert weight */
    color: var(--color2) !important; /* readable near-white */
    border-left: 4px solid var(--color3) !important; /* accent stripe to distinguish severity */
}

    .toast-error .toast-progress {
        background-color: var(--color3) !important; /* accent progress for error */
    }

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


/* Success: use the primary blue as the “positive/complete” signal (since no green exists),
   on a dark surface so it fits the app theme. */
.toast-success {
    background-color: var(--color4) !important; /* card/surface */
    color: var(--color2) !important;
    border-left: 4px solid var(--color1) !important; /* success indicator */
}

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

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


/* Warning: gold is perfect for warning; keep dark readable text by using deep background,
   with gold as the main signal. */
.toast-warning {
    background-color: var(--color4) !important; /* surface (not light) to avoid glare in dark UI */
    color: var(--color2) !important;
    border-left: 4px solid var(--color3) !important; /* warning indicator */
}

    .toast-warning .toast-progress {
        background-color: var(--color3) !important;
    }

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


/* Info: informational should be quieter than success/error; use surface with a subtle blue cue. */
.toast-info {
    background-color: var(--color4) !important;
    color: var(--color2) !important;
    border-left: 4px solid var(--color1) !important; /* info indicator */
}

    .toast-info .toast-progress {
        background-color: var(--color2) !important; /* neutral progress so info feels less “urgent” */
        opacity: 0.85;
    }

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