/* 
 * This script will update inline Tailwind-style colors to use CSS variables
 * Example: bg-[#88fcab] -> bg-primary
 *          hover:bg-[#78f993] -> hover:bg-primary-hover
 *
 * These classes map Tailwind's inline color utilities to our CSS variables
 * defined in colors.css
 */

/* Tailwind utility classes for theme colors */
.bg-\[\#88fcab\] {
  background-color: var(--color-primary) !important;
}
.hover\:bg-\[\#78f993\]:hover {
  background-color: var(--color-primary-hover) !important;
}
.focus-within\:border-\[\#88fcab\]:focus-within {
  border-color: var(--color-primary) !important;
}
.bg-\[\#D0312D\] {
  background-color: var(--color-danger) !important;
}
.hover\:bg-\[\#D0312D\]:hover {
  background-color: var(--color-danger) !important;
}
.bg-\[\#1b181d\] {
  background-color: var(--color-secondary) !important;
}
.text-\[\#1b181d\] {
  color: var(--color-secondary) !important;
}
.border-\[\#78f993\] {
  border-color: var(--color-primary-hover) !important;
}
.bg-\[\#3ECA63\] {
  background-color: var(--color-primary) !important;
}
.hover\:bg-\[\#3ECA63\]:hover {
  background-color: var(--color-primary) !important;
}
.hover\:border-\[\#1f2937\]:hover {
  border-color: var(--color-secondary) !important;
}
.hover\:bg-\[\#88fcab\]:hover {
  background-color: var(--color-primary) !important;
}

/* Button specific styles */
.button.bg-\[\#88fcab\] {
  background-color: var(--color-primary) !important;
}
.button.hover\:bg-\[\#78f993\]:hover {
  background-color: var(--color-primary-hover) !important;
}

/* Theme colors for admin dashboard */
.submitbutton {
  background-color: var(--color-primary) !important;
}
.submitbutton:hover {
  background-color: var(--color-primary-hover) !important;
}

/* Table headers */
th.bg-\[\#88fcab\] {
  background-color: var(--color-primary) !important;
}

/* SweetAlert custom styling */
.swal2-confirm {
  background-color: var(--color-primary) !important;
}
.swal2-confirm:hover {
  background-color: var(--color-primary-hover) !important;
}