/* alert.css — bandeaux d'information / succès / erreur. */
.alert{
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border: 1px solid;
  border-radius: var(--radius-md);
  font-size: var(--fs-small);
}
.alert svg{ width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; }

.alert--info{
  background: var(--color-gray-100);
  border-color: var(--color-gray-300);
  color: var(--color-ink-soft);
}
.alert--success{
  background: var(--color-success-soft);
  border-color: var(--color-success);
  color: var(--color-success);
}
.alert--error{
  background: var(--color-error-soft);
  border-color: var(--color-error);
  color: var(--color-error);
}
.alert strong{ display: block; color: inherit; margin-bottom: 2px; }