/* Text Contrast Fixes */

/* General text color fixes */
body {
    color: #2d3142; /* Ensure base text color is dark enough */
}

p {
    color: #2d3142; /* Darker text for paragraphs */
    opacity: 0.9; /* Slightly reduce opacity but keep it readable */
}

/* Section titles */
.section-title h2 {
    color: #2c6bed !important; /* Primary color for section titles */
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -webkit-text-fill-color: #2c6bed !important; /* Override any gradient text */
    background: none !important; /* Remove any gradient background */
}

/* Service cards */
.service-card h3 {
    color: #2c6bed !important; /* Primary color for card titles */
    font-weight: 600 !important;
    -webkit-text-fill-color: #2c6bed !important; /* Override any gradient text */
}

.service-card p {
    color: #2d3142 !important; /* Dark text for card content */
    opacity: 0.9 !important;
    -webkit-text-fill-color: #2d3142 !important; /* Override any gradient text */
}

.service-card:hover p {
    color: #ffffff !important; /* White text on hover */
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important; /* Override any gradient text */
}

.service-card:hover h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Tech stack section */
.tech-category h3 {
    color: #2c6bed !important; /* Primary color for tech category titles */
    font-weight: 600 !important;
    -webkit-text-fill-color: #2c6bed !important; /* Override any gradient text */
}

.tech-icon span {
    color: #2d3142 !important; /* Dark text for tech icon labels */
    font-weight: 500 !important;
    -webkit-text-fill-color: #2d3142 !important; /* Override any gradient text */
}

/* Process section */
.step-title {
    color: #2c6bed !important; /* Primary color for step titles */
    font-weight: 600 !important;
    -webkit-text-fill-color: #2c6bed !important; /* Override any gradient text */
}

.process-step p {
    color: #2d3142 !important; /* Dark text for process descriptions */
    opacity: 0.9 !important;
    -webkit-text-fill-color: #2d3142 !important; /* Override any gradient text */
}

/* Portfolio section */
.portfolio h2 {
    color: #2c6bed !important; /* Primary color for portfolio title */
    -webkit-text-fill-color: #2c6bed !important; /* Override any gradient text */
}

.portfolio p {
    color: #2d3142 !important; /* Dark text for portfolio description */
    opacity: 0.9 !important;
    -webkit-text-fill-color: #2d3142 !important; /* Override any gradient text */
}

.portfolio-overlay h3 {
    color: #ffffff; /* White text for overlay titles */
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.portfolio-overlay p {
    color: #ffffff; /* White text for overlay descriptions */
    opacity: 0.9;
}

/* Testimonials section */
.testimonial-text {
    color: #2d3142; /* Dark text for testimonials */
    opacity: 0.9;
}

.testimonial-author {
    color: #2c6bed; /* Primary color for testimonial authors */
    font-weight: 600;
}

/* FAQ section */
.faq-question {
    color: #2c6bed; /* Primary color for FAQ questions */
    font-weight: 600;
}

.faq-answer p {
    color: #2d3142; /* Dark text for FAQ answers */
    opacity: 0.9;
}

/* CTA section */
.cta h2 {
    color: #ffffff; /* White text for CTA title */
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cta p {
    color: #ffffff; /* White text for CTA description */
    opacity: 0.9;
}

/* Footer */
.footer-column h3 {
    color: #ffffff; /* White text for footer titles */
    font-weight: 600;
}

.footer-column p {
    color: #ffffff; /* White text for footer content */
    opacity: 0.8;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.8); /* Slightly transparent white for footer links */
}

.footer-links a:hover {
    color: var(--secondary-color); /* Secondary color on hover */
    opacity: 1;
}

/* Fix for gradient text */
.gradient-text {
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #2c6bed; /* Fallback color */
}

/* Additional fixes for specific sections */
.services p {
    color: #2d3142 !important;
    opacity: 0.9 !important;
    -webkit-text-fill-color: #2d3142 !important;
}

/* Fix for backend services card */
.service-card.backend h3 {
    color: #2c6bed !important;
    -webkit-text-fill-color: #2c6bed !important;
}

.service-card.backend p {
    color: #2d3142 !important;
    opacity: 0.9 !important;
    -webkit-text-fill-color: #2d3142 !important;
}

.service-card.backend:hover h3,
.service-card.backend:hover p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Fix for hero text */
.hero h1 {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.hero p {
    color: #ffffff;
    opacity: 0.95;
}