/* Inline alerts for page-level messages. */

.alert {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border-inline-start: 4px solid currentColor;
  margin-block: var(--space-3);
  font-size: var(--text-sm);
}
.alert--danger { background: var(--color-danger-soft); color: var(--color-danger); }
.alert--success { background: var(--color-success-soft); color: var(--color-success); }
.alert--warning { background: var(--color-warning-soft); color: var(--color-warning); }
.alert--info { background: var(--color-info-soft); color: var(--color-info); }