/*
  Premium UI polish for Authentication + Settings (Identity)
  - Keeps the "AnxietyBear" calm/premium purple feel
  - Uses Bootstrap variables so native controls (checkboxes, links, etc.) match the theme
*/

:root {
  /* Bootstrap primary/link colors -> AnxietyBear accent */
  --bs-primary: var(--ab-accent);
  /* Keep in sync with --ab-accent (#8b5cf6) */
  --bs-primary-rgb: 139, 92, 246;

  --bs-link-color: var(--ab-accent);
  --bs-link-hover-color: #6d28d9;

  --bs-focus-ring-color: rgba(139, 92, 246, 0.25);
}


/* Alerts (StatusMessage etc.) */
.alert {
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.9);
  color: var(--ab-text);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.alert a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.alert-success {
  background: rgba(34, 197, 94, 0.10);
  border-color: rgba(34, 197, 94, 0.22);
  color: #14532d;
}

.alert-danger {
  background: rgba(239, 68, 68, 0.10);
  border-color: rgba(239, 68, 68, 0.22);
  color: #7f1d1d;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.22);
  color: #7c2d12;
}

.alert-info {
  background: rgba(59, 130, 246, 0.10);
  border-color: rgba(59, 130, 246, 0.22);
  color: #1e3a8a;
}

/* Make danger buttons feel less "bootstrap" and more "AB premium" */
.btn-danger {
  border-radius: 999px;
}

.btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(239, 68, 68, 0.15);
}