/* Alert messages */
.alert {
  padding: var(--block-space);
  border-radius: var(--border-radius, 0.5em);
  margin: var(--block-space) 0;
}

.alert--error {
  background-color: oklch(var(--lch-red) / 0.1);
  border: 1px solid oklch(var(--lch-red) / 0.3);
  color: var(--color-negative);
}

.alert--success {
  background-color: oklch(var(--lch-green) / 0.1);
  border: 1px solid oklch(var(--lch-green) / 0.3);
  color: var(--color-positive);
}

.alert strong {
  display: block;
  margin-block-end: 0.5em;
}

.alert p {
  margin: 0;
}