/**
 * FluxCSS Alert Components
 * Alert and notification components
 */

.my-alert {
  padding: 1rem;
  border-radius: 0.375rem;
  border: 1px solid;
  margin-bottom: 1rem;
}

.my-alert-success {
  background: #f0fdf4;
  border-color: #22c55e;
  color: #166534;
}

.my-alert-warning {
  background: #fffbeb;
  border-color: #f59e0b;
  color: #92400e;
}

.my-alert-error {
  background: #fef2f2;
  border-color: #ef4444;
  color: #991b1b;
}

.my-alert-info {
  background: #f0f9ff;
  border-color: #06b6d4;
  color: #0e7490;
}