/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Rainbow ring animation for glowing tags */
@keyframes rainbow-ring {
  0% { --tw-ring-color: rgb(239 68 68); } /* red */
  14% { --tw-ring-color: rgb(249 115 22); } /* orange */
  28% { --tw-ring-color: rgb(234 179 8); } /* yellow */
  42% { --tw-ring-color: rgb(34 197 94); } /* green */
  57% { --tw-ring-color: rgb(14 165 233); } /* blue */
  71% { --tw-ring-color: rgb(99 102 241); } /* indigo */
  85% { --tw-ring-color: rgb(168 85 247); } /* purple */
  100% { --tw-ring-color: rgb(239 68 68); } /* red */
}

.rainbow-ring {
  animation: rainbow-ring 3s linear infinite;
}