/* Minimal brand utility polyfill to complement Tailwind build */
.text-brand { color: #6B21A8; }
.text-brand-light { color: #C4B5FD; }
.text-brand-dark { color: #581C87; }

.hover\:text-brand:hover { color: #6B21A8; }
.hover\:text-brand-light:hover { color: #C4B5FD; }
.hover\:text-brand-dark:hover { color: #581C87; }

.bg-brand { background-color: #6B21A8; }
.bg-brand-light { background-color: #C4B5FD; }
.bg-brand-dark { background-color: #581C87; }
.bg-brand\/10 { background-color: rgba(107, 33, 168, 0.1); }

.hover\:bg-brand:hover { background-color: #6B21A8; }
.hover\:bg-brand-dark:hover { background-color: #581C87; }

.border-brand { border-color: #6B21A8; }
.ring-brand { --tw-ring-color: #6B21A8; }

.from-brand { --tw-gradient-from: #6B21A8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-brand-dark { --tw-gradient-to: #581C87 var(--tw-gradient-to-position); }

/* Group hover support used in components */
.group:hover .group-hover\:text-brand-light { color: #C4B5FD; }
.group:hover .group-hover\:gap-3 { gap: 0.75rem; }

.focus\:ring-brand:focus { --tw-ring-color: #6B21A8; }
.focus-visible\:ring-brand:focus-visible { --tw-ring-color: #6B21A8; }