/* Indigo accent utilities for Notifex — cloned from the pre-built
   tailwind.css red-500 rules (the purged build has no indigo classes). */
:root{
  --notifex-primary: 79 70 229;      /* indigo-600 */
  --notifex-primary-soft: 99 102 241; /* indigo-500 */
  --notifex-cyan: 129 140 248;       /* indigo-400 */
}
.border-indigo-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important;
}
.bg-indigo-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
}
.bg-indigo-500\/10{
  background-color: rgb(37 99 235 / 0.1) !important;
}
.bg-indigo-500\/5{
  background-color: rgb(37 99 235 / 0.05) !important;
}
.from-indigo-500{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-indigo-500\/70{
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-indigo-500\/20{
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position) !important;
}
.text-indigo-500{
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity)) !important;
}
.shadow-indigo-500\/10{
  --tw-shadow-color: rgb(37 99 235 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-indigo-500\/20{
  --tw-shadow-color: rgb(37 99 235 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.before\:from-indigo-500::before{
  content: var(--tw-content) !important;
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.before\:via-indigo-500\/50::before{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.after\:bg-indigo-500::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
}
.after\:bg-indigo-500\/20::after{
  content: var(--tw-content) !important;
  background-color: rgb(37 99 235 / 0.2) !important;
}
.after\:shadow-indigo-500\/40::after{
  content: var(--tw-content) !important;
  --tw-shadow-color: rgb(37 99 235 / 0.4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.hover\:border-indigo-500:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important;
}
.hover\:bg-indigo-500:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
}
.hover\:text-indigo-500:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity)) !important;
}
.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important;
}
.group:hover .group-hover\:bg-indigo-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
}
.dark\:bg-indigo-500\/10:is(.dark *){
  background-color: rgb(37 99 235 / 0.1) !important;
}
.dark\:hover\:bg-indigo-500:hover:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
}
.dark\:hover\:text-indigo-500:hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity)) !important;
}
.dark\:focus\:border-indigo-500:focus:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 99 235 / var(--tw-border-opacity)) !important;
}
.text-indigo-500,
.hover\:text-indigo-500:hover,
.dark\:hover\:text-indigo-500:hover:is(.dark *),
.group:hover .group-hover\:text-indigo-500{
  color: rgb(var(--notifex-primary) / var(--tw-text-opacity, 1)) !important;
}
.bg-indigo-500,
.hover\:bg-indigo-500:hover,
.dark\:hover\:bg-indigo-500:hover:is(.dark *),
.group:hover .group-hover\:bg-indigo-500{
  background-color: rgb(var(--notifex-primary) / var(--tw-bg-opacity, 1)) !important;
}
.bg-indigo-500\/5{
  background-color: rgb(var(--notifex-primary) / 0.06) !important;
}
.bg-indigo-500\/10,
.dark\:bg-indigo-500\/10:is(.dark *){
  background-color: rgb(var(--notifex-primary) / 0.12) !important;
}
.border-indigo-500,
.hover\:border-indigo-500:hover,
.focus\:border-indigo-500:focus,
.dark\:focus\:border-indigo-500:focus:is(.dark *){
  border-color: rgb(var(--notifex-primary) / var(--tw-border-opacity, 1)) !important;
}
.shadow-indigo-500\/10{
  --tw-shadow-color: rgb(var(--notifex-primary) / 0.14) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-indigo-500\/20{
  --tw-shadow-color: rgb(var(--notifex-primary) / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.from-indigo-500{
  --tw-gradient-from: rgb(var(--notifex-primary)) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--notifex-primary) / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-indigo-500\/70{
  --tw-gradient-to: rgb(var(--notifex-primary) / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--notifex-primary-soft) / 0.68) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-indigo-500\/20{
  --tw-gradient-to: rgb(var(--notifex-cyan) / 0.2) var(--tw-gradient-to-position) !important;
}
.before\:from-indigo-500::before{
  --tw-gradient-from: rgb(var(--notifex-primary)) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--notifex-primary) / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.before\:via-indigo-500\/50::before{
  --tw-gradient-to: rgb(var(--notifex-primary) / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--notifex-cyan) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.after\:bg-indigo-500::after{
  background-color: rgb(var(--notifex-primary) / var(--tw-bg-opacity, 1)) !important;
}
.after\:bg-indigo-500\/20::after{
  background-color: rgb(var(--notifex-primary) / 0.2) !important;
}