/* Teal Color Override - Replaces Blue (#2b7fff) with Teal (#b2f5ea) */
/* This file overrides all Tailwind blue utilities with teal shades */

/* Background Colors */
.bg-blue-50 { background-color: #f0fdfa14 !important; }
.bg-blue-100 { background-color: #ccfbf114 !important; }
.bg-blue-200 { background-color: #99f6e4 !important; }
.bg-blue-300 { background-color: #5eead4 !important; }
.bg-blue-400 { background-color: #b2f5ea !important; } /* Your specified color */
.bg-blue-500 { background-color: #2dd4bf !important; }
.bg-blue-600 { background-color: #14b8a6 !important; }
.bg-blue-700 { background-color: #0d9488 !important; }
.bg-blue-800 { background-color: #0f766e !important; }
.bg-blue-900 { background-color: #115e59 !important; }
.bg-blue-950 { background-color: #134e4a !important; }

/* Dark Mode Background Colors */
.dark .dark\:bg-blue-50 { background-color: #f0fdfa14 !important; }
.dark .dark\:bg-blue-100 { background-color: #ccfbf114 !important; }
.dark .dark\:bg-blue-200 { background-color: #99f6e4 !important; }
.dark .dark\:bg-blue-300 { background-color: #5eead4 !important; }
.dark .dark\:bg-blue-400 { background-color: #b2f5ea !important; }
.dark .dark\:bg-blue-500 { background-color: #2dd4bf !important; }
.dark .dark\:bg-blue-600 { background-color: #14b8a6 !important; }
.dark .dark\:bg-blue-700 { background-color: #0d9488 !important; }
.dark .dark\:bg-blue-800 { background-color: #0f766e !important; }
.dark .dark\:bg-blue-900 { background-color: #115e59 !important; }
.dark .dark\:bg-blue-950 { background-color: #134e4a !important; }

/* Text Colors */
.text-blue-50 { color: #f0fdfa !important; }
.text-blue-100 { color: #ccfbf1 !important; }
.text-blue-200 { color: #99f6e4 !important; }
.text-blue-300 { color: #5eead4 !important; }
.text-blue-400 { color: #b2f5ea !important; }
.text-blue-500 { color: #2dd4bf !important; }
.text-blue-600 { color: #14b8a6 !important; }
.text-blue-700 { color: #0d9488 !important; }
.text-blue-800 { color: #0f766e !important; }
.text-blue-900 { color: #115e59 !important; }
.text-blue-950 { color: #134e4a !important; }

/* Dark Mode Text Colors */
.dark .dark\:text-blue-50 { color: #f0fdfa !important; }
.dark .dark\:text-blue-100 { color: #ccfbf1 !important; }
.dark .dark\:text-blue-200 { color: #99f6e4 !important; }
.dark .dark\:text-blue-300 { color: #5eead4 !important; }
.dark .dark\:text-blue-400 { color: #b2f5ea !important; }
.dark .dark\:text-blue-500 { color: #2dd4bf !important; }
.dark .dark\:text-blue-600 { color: #14b8a6 !important; }
.dark .dark\:text-blue-700 { color: #0d9488 !important; }
.dark .dark\:text-blue-800 { color: #0f766e !important; }
.dark .dark\:text-blue-900 { color: #115e59 !important; }
.dark .dark\:text-blue-950 { color: #134e4a !important; }

/* Border Colors */
.border-blue-50 { border-color: #f0fdfa !important; }
.border-blue-100 { border-color: #ccfbf1 !important; }
.border-blue-200 { border-color: #99f6e4 !important; }
.border-blue-300 { border-color: #5eead4 !important; }
.border-blue-400 { border-color: #b2f5ea !important; }
.border-blue-500 { border-color: #2dd4bf !important; }
.border-blue-600 { border-color: #14b8a6 !important; }
.border-blue-700 { border-color: #0d9488 !important; }
.border-blue-800 { border-color: #0f766e !important; }
.border-blue-900 { border-color: #115e59 !important; }
.border-blue-950 { border-color: #134e4a !important; }

/* Dark Mode Border Colors */
.dark .dark\:border-blue-50 { border-color: #f0fdfa !important; }
.dark .dark\:border-blue-100 { border-color: #ccfbf1 !important; }
.dark .dark\:border-blue-200 { border-color: #99f6e4 !important; }
.dark .dark\:border-blue-300 { border-color: #5eead4 !important; }
.dark .dark\:border-blue-400 { border-color: #b2f5ea !important; }
.dark .dark\:border-blue-500 { border-color: #2dd4bf !important; }
.dark .dark\:border-blue-600 { border-color: #14b8a6 !important; }
.dark .dark\:border-blue-700 { border-color: #0d9488 !important; }
.dark .dark\:border-blue-800 { border-color: #0f766e !important; }
.dark .dark\:border-blue-900 { border-color: #115e59 !important; }
.dark .dark\:border-blue-950 { border-color: #134e4a !important; }

/* Hover States - Background */
.hover\:bg-blue-50:hover { background-color: #f0fdfa14 !important; }
.hover\:bg-blue-100:hover { background-color: #ccfbf114 !important; }
.hover\:bg-blue-200:hover { background-color: #99f6e4 !important; }
.hover\:bg-blue-300:hover { background-color: #5eead4 !important; }
.hover\:bg-blue-400:hover { background-color: #b2f5ea !important; }
.hover\:bg-blue-500:hover { background-color: #2dd4bf !important; }
.hover\:bg-blue-600:hover { background-color: #14b8a6 !important; }
.hover\:bg-blue-700:hover { background-color: #0d9488 !important; }
.hover\:bg-blue-800:hover { background-color: #0f766e !important; }
.hover\:bg-blue-900:hover { background-color: #115e59 !important; }

/* Dark Mode Hover States - Background */
.dark .dark\:hover\:bg-blue-600:hover { background-color: #14b8a6 !important; }
.dark .dark\:hover\:bg-blue-700:hover { background-color: #0d9488 !important; }
.dark .dark\:hover\:bg-blue-800:hover { background-color: #0f766e !important; }

/* Hover States - Text */
.hover\:text-blue-400:hover { color: #b2f5ea !important; }
.hover\:text-blue-500:hover { color: #2dd4bf !important; }
.hover\:text-blue-600:hover { color: #14b8a6 !important; }
.hover\:text-blue-700:hover { color: #0d9488 !important; }

/* Dark Mode Hover States - Text */
.dark .dark\:hover\:text-blue-300:hover { color: #5eead4 !important; }
.dark .dark\:hover\:text-blue-400:hover { color: #b2f5ea !important; }
.dark .dark\:hover\:text-blue-500:hover { color: #2dd4bf !important; }

/* Hover States - Border */
.hover\:border-blue-500:hover { border-color: #2dd4bf !important; }
.hover\:border-blue-600:hover { border-color: #14b8a6 !important; }

/* Dark Mode Hover States - Border */
.dark .dark\:hover\:border-blue-400:hover { border-color: #b2f5ea !important; }
.dark .dark\:hover\:border-blue-500:hover { border-color: #2dd4bf !important; }

/* Focus Ring Colors */
.focus\:ring-blue-100:focus { --tw-ring-color: #ccfbf1 !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: #2dd4bf !important; }
.focus\:ring-blue-600:focus { --tw-ring-color: #14b8a6 !important; }

/* Dark Mode Focus Ring */
.dark .dark\:focus\:ring-blue-400:focus { --tw-ring-color: #b2f5ea !important; }
.dark .dark\:focus\:ring-blue-900:focus { --tw-ring-color: #115e59 !important; }

/* Focus Border Colors */
.focus\:border-blue-400:focus { border-color: #b2f5ea !important; }
.focus\:border-blue-500:focus { border-color: #2dd4bf !important; }
.focus\:border-blue-600:focus { border-color: #14b8a6 !important; }

/* Dark Mode Focus Border */
.dark .dark\:focus\:border-blue-400:focus { border-color: #b2f5ea !important; }
.dark .dark\:focus\:border-blue-500:focus { border-color: #2dd4bf !important; }

/* Gradient - From */
.from-blue-50 { --tw-gradient-from: #f0fdfa14 !important; }
.from-blue-500 { --tw-gradient-from: #2dd4bf !important; }
.from-blue-600 { --tw-gradient-from: #14b8a6 !important; }

/* Gradient - To */
.to-blue-600 { --tw-gradient-to: #14b8a6 !important; }

/* Shadow Colors */
.shadow-blue-500\/30 { --tw-shadow-color: rgb(45 212 191 / 0.3) !important; }
.shadow-blue-400\/20 { --tw-shadow-color: rgb(178 245 234 / 0.2) !important; }

/* Dark Mode Shadow */
.dark .dark\:shadow-blue-400\/20 { --tw-shadow-color: rgb(178 245 234 / 0.2) !important; }

/* Group Hover States */
.group:hover .group-hover\:text-blue-400 { color: #b2f5ea !important; }
.group:hover .group-hover\:text-blue-600 { color: #14b8a6 !important; }

/* Dark Mode Group Hover */
.dark .group:hover .dark\:group-hover\:text-blue-400 { color: #b2f5ea !important; }
.dark .group:hover .dark\:group-hover\:text-blue-500 { color: #2dd4bf !important; }

/* Placeholder Colors */
input::placeholder.placeholder-blue-400,
textarea::placeholder.placeholder-blue-400 {
    color: #b2f5ea !important;
}

/* Additional utility combinations */
.border-l-blue-500 { border-left-color: #2dd4bf !important; }
.border-t-blue-200 { border-top-color: #99f6e4 !important; }