@use '../utilities/main_utilities' as *;
@use "sass:color";

// Alerts
.alert{
    background: color.adjust($color-tertiary, $saturation: -25%);
    border-left: 4px solid $color-tertiary;
    border-right: 4px solid $color-tertiary;
    padding: .1rem .8rem;
    margin-bottom:.5rem;
    color: $color-background;

    @include color-scheme(dark) {
        color: $color-tertiary--dark;
        border-color: $color-secondary--dark;
    }
}
.alert--error{
    background: color.adjust($color-fail, $saturation: -25%);
    border-color: $color-fail;

    @include color-scheme(dark) {
        color: $color-tertiary;
    }
}
.alert--warning{
    background: color.adjust($color-warning, $saturation: -25%);
    border-color: $color-warning;
    
    @include color-scheme(dark) {
        color: $color-tertiary;
    }
}
.alert--success{
    background: color.adjust($color-success, $saturation: -25%);
    border-color: $color-success;
    
    @include color-scheme(dark) {
        color: $color-tertiary;
    }
}