/**
 * @file messages.css
 * Drupal status/warning/error messages — brand-styled.
 */

.messages {
  padding: var(--mp-space-4) var(--mp-space-5);
  border-radius: var(--mp-radius);
  border-left: 4px solid currentColor;
  margin-bottom: var(--mp-space-4);
  display: flex;
  align-items: flex-start;
  gap: var(--mp-space-3);
  font-size: var(--mp-text-sm);
}

.messages--status {
  background: #F1F8E9;
  color: var(--mp-success);
  border-color: var(--mp-success);
}

.messages--warning {
  background: #FFF8E1;
  color: var(--mp-warning);
  border-color: var(--mp-warning);
}

.messages--error {
  background: #FFEBEE;
  color: var(--mp-error);
  border-color: var(--mp-error);
}

.messages__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.messages__item + .messages__item {
  margin-top: var(--mp-space-2);
}