/* Shared form validation errors — GitHub issue #92. Partial: app/views/shared/components/_error_messages.html.erb */
@layer components {

.error-messages {
  margin-bottom: var(--space-6);
  padding: var(--space-4);
  background: var(--color-error-bg);
  color: var(--color-error);
  border-radius: var(--radius);
  font-size: var(--text-sm);
}

.error-messages__title {
  margin: 0 0 var(--space-2);
  font-weight: 600;
}

.error-messages__list {
  margin: 0;
  padding-left: var(--space-6);
}

}