/**
 * Alert Component System
 */

.alert {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-md, 0.5rem);
}

.alert-success {
    background: var(--color-success-light, #d4edda);
    color: var(--color-success-dark, #155724);
    border-color: var(--color-success, #28a745);
}

.alert-danger {
    background: var(--color-danger-light, #f8d7da);
    color: var(--color-danger-dark, #721c24);
    border-color: var(--color-danger, #dc3545);
}

.alert-warning {
    background: var(--color-warning-light, #fff3cd);
    color: var(--color-warning-dark, #856404);
    border-color: var(--color-warning, #ffc107);
}

.alert-info {
    background: var(--color-info-light, #d1ecf1);
    color: var(--color-info-dark, #0c5460);
    border-color: var(--color-info, #17a2b8);
}

.alert-dismissible {
    padding-right: 3rem;
    position: relative;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1.25rem;
}