Let me read all the files that need theme color changes:

Now let me read the remaining sub-pages that also need theme updates:

Now I have full context on every file. The core approach: update globals.css design tokens from dark to light, then update all hardcoded dark-theme color references (like text-white, bg-black, border-white/10, etc.) across all component files to light equivalents. Let me start with the CSS tokens, then update all files in parallel batches.

Step 1: Update globals.css design tokens to light theme

Now update all components in parallel. Each component has hardcoded dark-theme colors like text-white, bg-black, border-white/X that need to be converted for the light theme.

Now update footer, contact, event-card, news-card, gallery, and live-stream-button:

Now update the contact, gallery (homepage), and schedule data category colors for light theme:

Now update the sub-pages (agenda, events list, event detail, news list, news detail, gallery page):

v22 was created by restoring v20