/**
 * SweetAlert2 Theme Styles
 * Matches project theme colors from environment variables
 */

/* Use CSS variables from theme-colors.css */
.swal2-popup-themed {
  font-family: 'Mulish', sans-serif !important;
}

.swal2-title-themed {
  color: var(--color-text-dark, #2F2F2F) !important;
  font-weight: 600 !important;
}

.swal2-html-container-themed {
  color: var(--color-text-dark, #2F2F2F) !important;
}

.swal2-confirm-themed {
  background-color: var(--swal-primary, var(--color-primary, #0149FD)) !important;
  border-color: var(--swal-primary, var(--color-primary, #0149FD)) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.swal2-confirm-themed:hover {
  background-color: var(--swal-primary-hover, var(--color-primary-hover, #1B44C8)) !important;
  border-color: var(--swal-primary-hover, var(--color-primary-hover, #1B44C8)) !important;
}

.swal2-confirm-themed:focus {
  box-shadow: 0 0 0 3px rgba(1, 73, 253, 0.25) !important;
}

.swal2-cancel-themed {
  background-color: transparent !important;
  border-color: var(--color-text-light, #637381) !important;
  color: var(--color-text-dark, #2F2F2F) !important;
  font-weight: 600 !important;
}

.swal2-cancel-themed:hover {
  background-color: var(--color-bg-light, #F6F6F6) !important;
}

/* Error icon styling */
.swal2-icon.swal2-error {
  border-color: #d33 !important;
  color: #d33 !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: #d33 !important;
}

/* Success icon styling */
.swal2-icon.swal2-success {
  border-color: var(--color-primary, #0149FD) !important;
  color: var(--color-primary, #0149FD) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: var(--color-primary, #0149FD) !important;
}

/* Warning icon styling */
.swal2-icon.swal2-warning {
  border-color: #f39c12 !important;
  color: #f39c12 !important;
}

/* Info icon styling */
.swal2-icon.swal2-info {
  border-color: var(--color-primary, #0149FD) !important;
  color: var(--color-primary, #0149FD) !important;
}

/* Question icon styling (for confirm dialogs) */
.swal2-icon.swal2-question {
  border-color: var(--color-primary, #0149FD) !important;
  color: var(--color-primary, #0149FD) !important;
}