/* Custom utilities to extend tailwind_admin/style.css */
/* Add any missing color utilities or custom styles here */

/* Orange utilities (for warnings/alerts) */
.bg-orange-500 {
  background-color: #f97316;
}

.bg-orange-600 {
  background-color: #CC4B00;
}

.hover\:bg-orange-600:hover {
  background-color: #ea580c;
}

.text-orange-600 {
  color: #ea580c;
}

.hover\:bg-orange-50:hover {
  background-color: #fff7ed;
}

/* Red utilities (for errors) */
.bg-red-600 {
  background-color: #dc2626;
}

.hover\:bg-red-50:hover {
  background-color: #fef2f2;
}

.text-red-600 {
  color: #dc2626;
}

/* Yellow utilities (for warnings) */
.bg-yellow-500 {
  background-color: #eab308;
}

.hover\:bg-yellow-50:hover {
  background-color: #fefce8;
}

/* Additional utilities as needed */
.transition-colors {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}