/* Alert: inline feedback message. Error red is a state, not a brand colour. */

.alert {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-control);
  font-weight: 600;
}
.alert--success {
  background: var(--color-accent-tint);
  color: var(--color-ink);
}
.alert--error {
  background: var(--color-error-tint);
  color: var(--color-error);
}