.alert { padding: 10px 12px; border: 1px solid; border-radius: var(--radius-l); font-size: 14px; }
.alert--error {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 40%, transparent);
    background: color-mix(in srgb, var(--danger) 8%, transparent);
}
.alert--success {
    color: var(--success);
    border-color: color-mix(in srgb, var(--success) 40%, transparent);
    background: color-mix(in srgb, var(--success) 8%, transparent);
}
.alert--info { color: var(--text); border-color: var(--border-strong); background: var(--surface-2); }