@tailwind base;
@tailwind components;
@tailwind utilities;

/* ============== Global Button Color Mapping ============== */

/* Map blue-600 to primary-600 */
.bg-blue-600,
a[class*="bg-blue-600"],
button[class*="bg-blue-600"] {
    @apply bg-primary-600 !important;
}

/* Map blue-700 hover to primary-700 */
.hover\:bg-blue-700:hover {
    @apply bg-primary-700 !important;
}

/* Map blue-800 active to primary-800 */
.active\:bg-blue-800:active {
    @apply bg-primary-800 !important;
}

/* Map blue-700 focus to primary-700 */
.focus\:bg-blue-700:focus {
    @apply bg-primary-700 !important;
}

/* Map indigo-600 text to primary-700 */
.text-indigo-600,
a[class*="text-indigo-600"] {
    @apply text-primary-700 !important;
}

/* Map indigo-900 hover to primary-800 */
.hover\:text-indigo-900:hover {
    @apply text-primary-800 !important;
}

/* Map indigo-500 ring to primary-500 */
.focus\:ring-indigo-500:focus {
    @apply ring-primary-500 !important;
}

/* Darken gray-500 buttons */
.bg-gray-500 {
    @apply bg-gray-600 !important;
}

/* Import custom CSS */
@import 'custom.css';
@import 'design-improvements.css';