/* ========================================
   Green Color Override
   Changes all green colors to rgb(78 194 127) / #4EC27F
   ======================================== */

/* Override Tailwind green colors */
.bg-green-50 { background-color: #f0fdf4 !important; }
.bg-green-100 { background-color: #e8f5f0 !important; }
.bg-green-200 { background-color: #d1ebdf !important; }
.bg-green-400 { background-color: #a8d9b8 !important; }
.bg-green-500 { background-color: #4dbe7c !important; }
.bg-green-600 { background-color: #4dbe7c !important; }
.bg-green-700 { background-color: #2a8b55 !important; }
.bg-green-800 { background-color: #1a5a38 !important; }

.text-green-50 { color: #f0fdf4 !important; }
.text-green-100 { color: #e8f5f0 !important; }
.text-green-200 { color: #d1ebdf !important; }
.text-green-400 { color: #a8d9b8 !important; }
.text-green-500 { color: #4dbe7c !important; }
.text-green-600 { color: #4dbe7c !important; }
.text-green-700 { color: #2a8b55 !important; }
.text-green-800 { color: #1a5a38 !important; }

.border-green-50 { border-color: #f0fdf4 !important; }
.border-green-100 { border-color: #e8f5f0 !important; }
.border-green-200 { border-color: #d1ebdf !important; }
.border-green-400 { border-color: #a8d9b8 !important; }
.border-green-500 { border-color: #4dbe7c !important; }
.border-green-600 { border-color: #4dbe7c !important; }
.border-green-700 { border-color: #2a8b55 !important; }
.border-green-800 { border-color: #1a5a38 !important; }

/* Override inline style colors */
:root {
    --tw-bg-opacity: 1;
}

/* Override focus ring colors */
.focus\:border-green-500:focus { border-color: rgb(77, 190, 124) !important; }
.focus\:ring-green-500:focus { --tw-ring-color: rgb(77, 190, 124) !important; }

/* Override hover states */
.hover\:bg-green-700:hover { background-color: #2a8b55 !important; }
.hover\:text-green-800:hover { color: #1a5a38 !important; }

/* Hard-coded green colors */
[style*="background-color: rgb(20, 83, 45)"] { background-color: rgb(77, 190, 124) !important; }
[style*="color: rgb(20, 83, 45)"] { color: rgb(77, 190, 124) !important; }
[style*="background-color: rgb(78, 194, 127)"] { background-color: rgb(77, 190, 124) !important; }
[style*="color: rgb(78, 194, 127)"] { color: rgb(77, 190, 124) !important; }