.alert {
    border-radius: var(--radius);
    margin: 1rem 0;
    padding: 0.8rem 1rem;
    border: 1px solid var(--border);
    background-color: var(--surface-2);
    color: var(--text);
}

.alert.alert-danger {
    background-color: rgba(226, 98, 91, 0.15);
    border-color: rgba(226, 98, 91, 0.35);
    color: #f1a39e;
}

.alert.alert-success {
    background-color: rgba(79, 174, 139, 0.15);
    border-color: rgba(79, 174, 139, 0.35);
    color: #87d4b6;
}

.alert.alert-warning {
    background-color: rgba(224, 171, 51, 0.15);
    border-color: rgba(224, 171, 51, 0.35);
    color: #eccb7a;
}