How do I permanently force Light Mode / disable System Dark Mode in Next.js (App Router) with Tailwind? CSS overrides aren't working.

Mobile users in Dark Mode can't read my site (invisible text). What's the best way to strictly enforce Light Mode globally in Next.js?

"Hey everyone, I'm building a database site using Next.js and Tailwind. I've custom-designed the colors for a specific "light mode" aesthetic.

However, when users look at the site on a phone with System Dark Mode enabled, the colors invert/conflict, making the text completely unreadable.