[BUG]: Text visibility and contrast issue in Dark mode

[kirtisharma-sudo]

🐛 Bug Description

When the website is toggled to Dark Mode, several text elements across all pages(Home, Search, Local Guidance, etc.) remain in dark color and do not contrast sufficiently against the dark background. This makes the content nearly invisible and unreadable.

🔁 Steps to Reproduce

Steps to reproduce the behavior:

1. Go to 'https://sumitrathor.rf.gd/nearby/.'
2. Click on 'Dark Mode' (moon icon)
3. Navigate between Home and Search pages.
4. Observe that text in the above sections is light and bottom cards remain dark and unreadable.

✅ Expected Behavior

The global CSS should detect the dark-mode class and update the text color variables to a lighter shade to ensure readability on all pages.

📸 Screenshots

📌 Additional Context

I plan to implement CSS variables that switch values based on the .dark-mode class in the global stylesheet. This will provide a scalable fix rather than hardcoding colors on indivisual pages.

Please assign this to me!

[kirtisharma-sudo]

I am an ECWoC '26 participant. Since this affects usability of the entire site, I would like to implement a global CSS fix to ensure consistent contrast in dark mode.
Could you please assign this to me?