/*
 * Accessibility Fixes for Color Contrast
 * Improves readability across all pages
 */

/* Fix gray text colors that are too light */
.text-gray-500 {
    color: #374151 !important; /* Changed from #6B7280 to darker gray */
}

.text-neutral-400 {
    color: #4B5563 !important; /* Changed from #9CA3AF to darker gray */
}

.text-neutral-500 {
    color: #374151 !important; /* Changed from #6B7280 to darker gray */
}

/* Improve contrast for small text */
.text-xs.text-neutral-500,
.text-sm.text-neutral-500,
.text-xs.text-gray-500,
.text-sm.text-gray-500 {
    color: #1F2937 !important; /* Even darker for small text */
}

/* Fix icon colors for better visibility */
svg.text-neutral-400,
i.text-neutral-400 {
    color: #4B5563 !important;
}

svg.text-gray-400,
i.text-gray-400 {
    color: #4B5563 !important;
}

/* Improve contrast for placeholder text */
.text-neutral-600 {
    color: #1F2937 !important; /* Darker for better readability */
}

/* Fix footer text contrast */
.text-brand-grey-300 {
    color: #D1D5DB !important; /* Lighter for dark backgrounds */
}

/* Improve button text contrast */
.bg-neutral-100 .text-neutral-700 {
    color: #111827 !important; /* Darker text on light background */
}

/* Fix modal close button contrast */
.text-gray-500.hover\:text-gray-700:hover {
    color: #1F2937 !important;
}

/* Improve form label contrast */
label.text-neutral-700 {
    color: #111827 !important;
}

/* Fix testimonial text contrast */
.text-neutral-700 {
    color: #111827 !important;
}

/* Improve link contrast in footer */
.text-brand-grey-300:hover {
    color: #F9FAFB !important;
}

/* Fix timeline text contrast */
.text-gray-600 {
    color: #1F2937 !important;
}

/* Improve card text readability */
.bg-white .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix search placeholder and helper text */
.text-neutral-500.english-text {
    color: #374151 !important;
}

/* Improve contrast for disabled states */
.text-neutral-400:disabled {
    color: #6B7280 !important;
}

/* Fix contrast for small icons in cards */
.w-6.h-6.text-neutral-400,
.w-8.h-8.text-neutral-400 {
    color: #4B5563 !important;
}

/* Improve readability for description text */
p.text-neutral-600,
div.text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for category labels */
span.text-neutral-500 {
    color: #374151 !important;
}

/* Improve visibility of secondary text */
.text-sm.text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for date/time text */
.text-sm.text-gray-500 {
    color: #374151 !important;
}

/* Improve contrast for muted text in lists */
ul .text-neutral-600,
li .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for help text */
.text-xs.text-neutral-400 {
    color: #4B5563 !important;
}

/* Improve readability for card descriptions */
.card .text-neutral-600,
.bg-white .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for navigation secondary text */
.nav .text-neutral-500 {
    color: #374151 !important;
}

/* Improve contrast for form helper text */
.form-help.text-neutral-500 {
    color: #374151 !important;
}

/* Fix contrast for table text */
table .text-neutral-600 {
    color: #1F2937 !important;
}

/* Improve visibility of secondary buttons */
.btn-secondary .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for breadcrumb text */
.breadcrumb .text-neutral-500 {
    color: #374151 !important;
}

/* Improve contrast for tag text */
.tag .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for status text */
.status .text-neutral-500 {
    color: #374151 !important;
}

/* Improve readability for quote text */
blockquote .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for caption text */
.caption .text-neutral-500,
figcaption.text-neutral-500 {
    color: #374151 !important;
}

/* Improve contrast for sidebar text */
.sidebar .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for dropdown text */
.dropdown .text-neutral-500 {
    color: #374151 !important;
}

/* Improve visibility of tooltip text */
.tooltip .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for alert text */
.alert .text-neutral-600 {
    color: #1F2937 !important;
}

/* Improve contrast for progress text */
.progress .text-neutral-500 {
    color: #374151 !important;
}

/* Fix contrast for tab text */
.tab .text-neutral-600 {
    color: #1F2937 !important;
}

/* Improve readability for accordion text */
.accordion .text-neutral-600 {
    color: #1F2937 !important;
}

/* Fix contrast for modal text */
.modal .text-neutral-600 {
    color: #1F2937 !important;
}

/* Improve contrast for banner text */
.banner .text-neutral-500 {
    color: #374151 !important;
}

/* Fix contrast for footer links */
footer .text-neutral-500 {
    color: #9CA3AF !important; /* Lighter for dark footer background */
}

footer .text-neutral-400 {
    color: #9CA3AF !important; /* Lighter for dark footer background */
}

/* Improve contrast for dark backgrounds */
.bg-neutral-800 .text-neutral-400,
.bg-neutral-900 .text-neutral-400,
.bg-gray-800 .text-neutral-400,
.bg-gray-900 .text-neutral-400 {
    color: #D1D5DB !important; /* Much lighter for dark backgrounds */
}

.bg-neutral-800 .text-neutral-500,
.bg-neutral-900 .text-neutral-500,
.bg-gray-800 .text-neutral-500,
.bg-gray-900 .text-neutral-500 {
    color: #E5E7EB !important; /* Lighter for dark backgrounds */
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .text-gray-500,
    .text-neutral-400,
    .text-neutral-500,
    .text-neutral-600 {
        color: #000000 !important;
    }
    
    .bg-neutral-800 .text-neutral-400,
    .bg-neutral-900 .text-neutral-400,
    .bg-gray-800 .text-neutral-400,
    .bg-gray-900 .text-neutral-400,
    footer .text-neutral-400,
    footer .text-neutral-500 {
        color: #FFFFFF !important;
    }
}

/* Focus states for better accessibility */
button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #3B82F6 !important;
    outline-offset: 2px !important;
}

/* Improve contrast for focus states */
.focus\:text-gray-700:focus {
    color: #111827 !important;
}

/* Better contrast for hover states */
.hover\:text-gray-700:hover {
    color: #111827 !important;
}

.hover\:text-neutral-600:hover {
    color: #111827 !important;
}