.alert {
  padding: var(--spacing-4);
  margin-bottom: var(--spacing-6);
  border-radius: var(--radius);
  border: 1px solid transparent;
}

.alert-notice {
  background-color: var(--green-100);
  color: var(--green-700);
  border-color: var(--green-100);
}

.alert-alert, .alert-error {
  background-color: var(--red-100);
  color: var(--red-700);
  border-color: var(--red-100);
}

[data-theme="dark"] .alert-notice { background-color: rgba(16, 185, 129, 0.2); color: #34d399; }
[data-theme="dark"] .alert-alert, [data-theme="dark"] .alert-error { background-color: rgba(239, 68, 68, 0.2); color: #f87171; }