/* Custom utility classes — NOT processed by Tailwind JIT compiler.
   This file is included as a plain CSS link, so all rules survive. */

/* Hover: brand (indigo) backgrounds */
.hover\:bg-brand-50:hover { background-color: #eef2ff; }
.hover\:bg-brand-100:hover { background-color: #e0e7ff; }
.hover\:bg-brand-600:hover { background-color: #4f46e5; }
.hover\:bg-accent-50:hover { background-color: #faf5ff; }
.hover\:bg-accent-100:hover { background-color: #f3e8ff; }
.hover\:bg-accent-700:hover { background-color: #7e22ce; }

/* Hover: brand (indigo) text */
.hover\:text-brand-600:hover { color: #4f46e5; }
.hover\:text-brand-700:hover { color: #4338ca; }
.hover\:text-brand-800:hover { color: #3730a3; }
.hover\:text-accent-700:hover { color: #7e22ce; }

/* Hover: borders */
.hover\:border-brand-300:hover { border-color: #a5b4fc; }

/* Hover: shadows and transforms */
.hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); }
.hover\:shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); }
.hover\:-translate-y-1:hover { transform: translateY(-0.25rem); }
.hover\:-translate-y-0\.5:hover { transform: translateY(-0.125rem); }

/* Focus rings */
.focus\:ring-brand-500:focus { --tw-ring-color: #6366f1; }
.focus\:border-brand-500:focus { border-color: #6366f1; }
.focus\:ring-accent-500:focus { --tw-ring-color: #a855f7; }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }

/* Disabled states */
.disabled\:bg-brand-300:disabled { background-color: #a5b4fc; }
.disabled\:bg-brand-400:disabled { background-color: #818cf8; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

/* Additional brand shades not generated by Tailwind JIT */
.bg-brand-300 { background-color: #a5b4fc; }
.bg-brand-700 { background-color: #4338ca; }
.text-brand-200 { color: #c7d2fe; }
.text-brand-300 { color: #a5b4fc; }
.text-brand-800 { color: #3730a3; }
.border-brand-300 { border-color: #a5b4fc; }
.border-brand-500 { border-color: #6366f1; }
.from-brand-900 { --tw-gradient-from: #312e81; }
.to-brand-900 { --tw-gradient-to: #312e81; }
.bg-accent-100 { background-color: #f3e8ff; }
.bg-accent-500 { background-color: #a855f7; }
.bg-accent-700 { background-color: #7e22ce; }
.text-accent-600 { color: #9333ea; }
.from-accent-600 { --tw-gradient-from: #9333ea; }
.to-accent-50 { --tw-gradient-to: #faf5ff; }
.to-accent-100 { --tw-gradient-to: #f3e8ff; }
.to-accent-600 { --tw-gradient-to: #9333ea; }
.to-brand-100 { --tw-gradient-to: #e0e7ff; }
.to-brand-500 { --tw-gradient-to: #6366f1; }

/* Group hover for Tailwind group-hover: patterns */
.group:hover .group-hover\:bg-white\/20 { background-color: rgba(255,255,255,0.2); }
.group:hover .group-hover\:text-white { color: #fff; }
.group:hover .group-hover\:text-white\/70 { color: rgba(255,255,255,0.7); }