/* Reusable status messages for forms and account actions. */
.auth-message {
  width: min(100%, 480px);
  margin: 0 0 16px;
  padding: 13px 15px;
  border: 1px solid;
  border-radius: 10px;
  font-weight: 650;
  line-height: 1.45;
}

.auth-message--success {
  color: #166534;
  border-color: #86efac;
  background: #f0fdf4;
}

.auth-message--error {
  color: #b42318;
  border-color: #fecdca;
  background: #fff5f4;
}

@media (prefers-color-scheme: dark) {
  .auth-message--success {
    color: #bbf7d0;
    border-color: #166534;
    background: #052e16;
  }

  .auth-message--error {
    color: #fecaca;
    border-color: #991b1b;
    background: #450a0a;
  }
}