/*
 * Solid Bootstrap/Phoenix alerts force white text on brand colors. In dark mode
 * info/warning/etc. resolve to light pastels, so white-on-light becomes unreadable.
 * Use the theme's emphasis + subtle tokens instead (same approach as alert-subtle-*).
 */
html[data-bs-theme="dark"] .alert-primary {
  --phoenix-alert-color: var(--phoenix-primary-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-primary-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-primary-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-primary-text-emphasis);
}
html[data-bs-theme="dark"] .alert-secondary {
  --phoenix-alert-color: var(--phoenix-secondary-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-secondary-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-secondary-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-secondary-text-emphasis);
}
html[data-bs-theme="dark"] .alert-success {
  --phoenix-alert-color: var(--phoenix-success-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-success-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-success-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-success-text-emphasis);
}
html[data-bs-theme="dark"] .alert-info {
  --phoenix-alert-color: var(--phoenix-info-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-info-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-info-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-info-text-emphasis);
}
html[data-bs-theme="dark"] .alert-warning {
  --phoenix-alert-color: var(--phoenix-warning-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-warning-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-warning-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-warning-text-emphasis);
}
html[data-bs-theme="dark"] .alert-danger {
  --phoenix-alert-color: var(--phoenix-danger-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-danger-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-danger-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-danger-text-emphasis);
}
html[data-bs-theme="dark"] .alert-light {
  --phoenix-alert-color: var(--phoenix-light-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-light-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-light-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-light-text-emphasis);
}
html[data-bs-theme="dark"] .alert-dark {
  --phoenix-alert-color: var(--phoenix-dark-text-emphasis);
  --phoenix-alert-bg: var(--phoenix-dark-bg-subtle);
  --phoenix-alert-border-color: var(--phoenix-dark-border-subtle);
  --phoenix-alert-link-color: var(--phoenix-dark-text-emphasis);
}