/* Approach 1: Direct targeting with high specificity */
.swal2-timer-progress-bar.progress-bar-success,
body .swal2-timer-progress-bar.progress-bar-success,
html .swal2-timer-progress-bar.progress-bar-success,
html.dark .swal2-timer-progress-bar.progress-bar-success,
html.dark body .swal2-timer-progress-bar.progress-bar-success {
  background-color: #22c55e !important;
  background: #22c55e !important;
}

.swal2-timer-progress-bar.progress-bar-info,
body .swal2-timer-progress-bar.progress-bar-info,
html .swal2-timer-progress-bar.progress-bar-info,
html.dark .swal2-timer-progress-bar.progress-bar-info,
html.dark body .swal2-timer-progress-bar.progress-bar-info {
  background-color: #3b82f6 !important;
  background: #3b82f6 !important;
}

.swal2-timer-progress-bar.progress-bar-warning,
body .swal2-timer-progress-bar.progress-bar-warning,
html .swal2-timer-progress-bar.progress-bar-warning,
html.dark .swal2-timer-progress-bar.progress-bar-warning,
html.dark body .swal2-timer-progress-bar.progress-bar-warning {
  background-color: #facc15 !important;
  background: #facc15 !important;
}

.swal2-timer-progress-bar.progress-bar-error,
body .swal2-timer-progress-bar.progress-bar-error,
html .swal2-timer-progress-bar.progress-bar-error,
html.dark .swal2-timer-progress-bar.progress-bar-error,
html.dark body .swal2-timer-progress-bar.progress-bar-error {
  background-color: #ef4444 !important;
  background: #ef4444 !important;
}

/* Approach 2: CSS Variables override */
:root {
  --progress-success: #22c55e;
  --progress-info: #3b82f6;
  --progress-warning: #facc15;
  --progress-error: #ef4444;
}

html.dark {
  --progress-success: #22c55e;
  --progress-info: #3b82f6;
  --progress-warning: #facc15;
  --progress-error: #ef4444;
}

/* Approach 3: Universal overrides */
[class*='progress-bar-success'] {
  background-color: var(--progress-success, #22c55e) !important;
  background: var(--progress-success, #22c55e) !important;
}

[class*='progress-bar-info'] {
  background-color: var(--progress-info, #3b82f6) !important;
  background: var(--progress-info, #3b82f6) !important;
}

[class*='progress-bar-warning'] {
  background-color: var(--progress-warning, #facc15) !important;
  background: var(--progress-warning, #facc15) !important;
}

[class*='progress-bar-error'] {
  background-color: var(--progress-error, #ef4444) !important;
  background: var(--progress-error, #ef4444) !important;
}