/* Force primary/secondary Tailwind utilities to use CSS variables so Admin theme applies */
/* Loaded after globals-out.css. Variables are set in theme-vars.css and overridden by JS (applyTheme). */

.bg-primary-50 { background-color: var(--primary-50) !important; }
.bg-primary-100 { background-color: var(--primary-100) !important; }
.bg-primary-200 { background-color: var(--primary-200) !important; }
.bg-primary-300 { background-color: var(--primary-300) !important; }
.bg-primary-400 { background-color: var(--primary-400) !important; }
.bg-primary-500 { background-color: var(--primary-500) !important; }
.bg-primary-600 { background-color: var(--primary-600) !important; }
.bg-primary-700 { background-color: var(--primary-700) !important; }
.bg-primary-800 { background-color: var(--primary-800) !important; }
.bg-primary-900 { background-color: var(--primary-900) !important; }

.bg-secondary-50 { background-color: var(--secondary-50) !important; }
.bg-secondary-100 { background-color: var(--secondary-100) !important; }
.bg-secondary-200 { background-color: var(--secondary-200) !important; }
.bg-secondary-300 { background-color: var(--secondary-300) !important; }
.bg-secondary-400 { background-color: var(--secondary-400) !important; }
.bg-secondary-500 { background-color: var(--secondary-500) !important; }
.bg-secondary-600 { background-color: var(--secondary-600) !important; }
.bg-secondary-700 { background-color: var(--secondary-700) !important; }
.bg-secondary-800 { background-color: var(--secondary-800) !important; }
.bg-secondary-900 { background-color: var(--secondary-900) !important; }

.text-primary-50 { color: var(--primary-50) !important; }
.text-primary-100 { color: var(--primary-100) !important; }
.text-primary-200 { color: var(--primary-200) !important; }
.text-primary-300 { color: var(--primary-300) !important; }
.text-primary-400 { color: var(--primary-400) !important; }
.text-primary-500 { color: var(--primary-500) !important; }
.text-primary-600 { color: var(--primary-600) !important; }
.text-primary-700 { color: var(--primary-700) !important; }
.text-primary-800 { color: var(--primary-800) !important; }
.text-primary-900 { color: var(--primary-900) !important; }

.text-secondary-50 { color: var(--secondary-50) !important; }
.text-secondary-100 { color: var(--secondary-100) !important; }
.text-secondary-200 { color: var(--secondary-200) !important; }
.text-secondary-300 { color: var(--secondary-300) !important; }
.text-secondary-400 { color: var(--secondary-400) !important; }
.text-secondary-500 { color: var(--secondary-500) !important; }
.text-secondary-600 { color: var(--secondary-600) !important; }
.text-secondary-700 { color: var(--secondary-700) !important; }
.text-secondary-800 { color: var(--secondary-800) !important; }
.text-secondary-900 { color: var(--secondary-900) !important; }

.border-primary-50 { border-color: var(--primary-50) !important; }
.border-primary-100 { border-color: var(--primary-100) !important; }
.border-primary-200 { border-color: var(--primary-200) !important; }
.border-primary-300 { border-color: var(--primary-300) !important; }
.border-primary-400 { border-color: var(--primary-400) !important; }
.border-primary-500 { border-color: var(--primary-500) !important; }
.border-primary-600 { border-color: var(--primary-600) !important; }
.border-primary-700 { border-color: var(--primary-700) !important; }
.border-primary-800 { border-color: var(--primary-800) !important; }
.border-primary-900 { border-color: var(--primary-900) !important; }

.border-secondary-50 { border-color: var(--secondary-50) !important; }
.border-secondary-100 { border-color: var(--secondary-100) !important; }
.border-secondary-200 { border-color: var(--secondary-200) !important; }
.border-secondary-300 { border-color: var(--secondary-300) !important; }
.border-secondary-400 { border-color: var(--secondary-400) !important; }
.border-secondary-500 { border-color: var(--secondary-500) !important; }
.border-secondary-600 { border-color: var(--secondary-600) !important; }
.border-secondary-700 { border-color: var(--secondary-700) !important; }
.border-secondary-800 { border-color: var(--secondary-800) !important; }
.border-secondary-900 { border-color: var(--secondary-900) !important; }

/* Hover */
.hover\:bg-primary-50:hover { background-color: var(--primary-50) !important; }
.hover\:bg-primary-100:hover { background-color: var(--primary-100) !important; }
.hover\:bg-primary-600:hover { background-color: var(--primary-600) !important; }
.hover\:bg-primary-700:hover { background-color: var(--primary-700) !important; }
.hover\:bg-primary-800:hover { background-color: var(--primary-800) !important; }
.hover\:bg-primary-900:hover { background-color: var(--primary-900) !important; }
.hover\:text-primary-600:hover { color: var(--primary-600) !important; }
.hover\:text-primary-700:hover { color: var(--primary-700) !important; }
.hover\:text-primary-900:hover { color: var(--primary-900) !important; }
.hover\:border-primary-500:hover { border-color: var(--primary-500) !important; }
.hover\:from-primary-700:hover { --tw-gradient-from: var(--primary-700) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:to-primary-600:hover { --tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position) !important; }
.hover\:to-secondary-700:hover { --tw-gradient-to: var(--secondary-700) var(--tw-gradient-to-position) !important; }

/* Focus */
.focus\:ring-primary-500:focus { --tw-ring-color: var(--primary-500) !important; }
.focus\:ring-primary-500\/20:focus { --tw-ring-color: color-mix(in srgb, var(--primary-500) 20%, transparent) !important; }
.focus\:border-primary-500:focus { border-color: var(--primary-500) !important; }
.peer:focus ~ .peer-focus\:ring-primary-300:focus { --tw-ring-color: var(--primary-300) !important; }
.peer:checked ~ .peer-checked\:bg-primary-600 { background-color: var(--primary-600) !important; }

/* Gradients */
.from-primary-50 { --tw-gradient-from: var(--primary-50) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-400 { --tw-gradient-from: var(--primary-400) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-500 { --tw-gradient-from: var(--primary-500) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-600 { --tw-gradient-from: var(--primary-600) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-700 { --tw-gradient-from: var(--primary-700) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-800 { --tw-gradient-from: var(--primary-800) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-primary-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--primary-500) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
.via-primary-700 { --tw-gradient-stops: var(--tw-gradient-from), var(--primary-700) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
.to-primary-600 { --tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position) !important; }
.to-primary-900 { --tw-gradient-to: var(--primary-900) var(--tw-gradient-to-position) !important; }
.from-secondary-50 { --tw-gradient-from: var(--secondary-50) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-secondary-500 { --tw-gradient-from: var(--secondary-500) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-secondary-500 { --tw-gradient-to: var(--secondary-500) var(--tw-gradient-to-position) !important; }
.to-secondary-600 { --tw-gradient-to: var(--secondary-600) var(--tw-gradient-to-position) !important; }