@use "../abstracts/variables" as *;

// =============================================================
// Alertes / messages flash
// =============================================================

.alert {
    padding: $spacing-md;
    border-radius: $border-radius;
    margin-bottom: $spacing-md;
    border: 1px solid transparent;

    &--danger {
        background: $color-danger-bg;
        border-color: $color-danger-border;
        color: $color-danger-text;
    }

    &--success {
        background: $color-success-bg;
        border-color: $color-success-border;
        color: $color-success-text;
    }
}