/* SweetAlert uses the application's selected theme, including system mode. */
.dark-style .swal2-container {
  color-scheme: dark;
  --swal2-background: #2b2c40;
  --swal2-color: var(--bs-body-color, #b2b2c4);
  --swal2-border: 1px solid var(--bs-border-color, #4e4f6c);
  --swal2-outline: 0 0 0 3px rgba(var(--bs-primary-rgb, 105, 108, 255), 0.35);
  --swal2-input-background: var(--bs-body-bg, #232333);
  --swal2-input-border: 1px solid var(--bs-border-color, #4e4f6c);
  --swal2-input-box-shadow: none;
  --swal2-input-hover-box-shadow: none;
  --swal2-input-focus-border: 1px solid var(--bs-primary, #696cff);
  --swal2-input-focus-box-shadow: var(--swal2-outline);
  --swal2-validation-message-background: var(--bs-body-bg, #232333);
  --swal2-validation-message-color: var(--bs-body-color, #b2b2c4);
  --swal2-footer-border-color: var(--bs-border-color, #4e4f6c);
  --swal2-footer-color: var(--bs-body-color, #b2b2c4);
  --swal2-close-button-color: var(--bs-body-color, #b2b2c4);
  --swal2-cancel-button-background-color: #4e4f6c;
  --swal2-cancel-button-color: #d5d5e2;
  --swal2-timer-progress-bar-background: rgba(213, 213, 226, 0.6);
  --swal2-toast-border: var(--swal2-border);
  --swal2-toast-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
}

.dark-style .swal2-title {
  color: var(--bs-heading-color, #d5d5e2);
}

.dark-style .swal2-input::placeholder,
.dark-style .swal2-textarea::placeholder {
  color: var(--bs-secondary-color, #7e7f96);
}

/* The success icon's inline masks must follow theme changes while open. */
.swal2-container .swal2-success-circular-line-left,
.swal2-container .swal2-success-circular-line-right,
.swal2-container .swal2-success-fix {
  background-color: var(--swal2-background) !important;
}