style: comprehensive Light Mode overrides

Dashboard:
- Hero card: white glass (rgba 255,255,255,0.75) instead of dark glass
- Reduced shadows (no more extreme 40px shadow)
- LED digits: dark gold (#9A6500) with subtle shadow
- Countdown/tip badges: dark gold on light background
- Flag boxes: lighter shadows, no dark glow aura

MatchCards:
- LED time: dark gold for contrast on light bg
- Flag boxes: lighter shadows

BottomNav:
- White background with subtle top border
- Inactive tabs: darker for readability

Global:
- text-muted: 0.45 opacity (was 0.35) — better readability
- text-secondary: 0.65 (was 0.60)
- Gold: #B8740A (darker for light bg contrast)
- shadow-card: much lighter (was too heavy)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/BottomNav.module.css

@@ -35,6 +35,20 @@
   color: var(--text-secondary);
 }
 
+/* Light mode */
+:global([data-theme="light"]) .bottomNav {
+  background: rgba(255, 255, 255, 0.9);
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+}
+
+:global([data-theme="light"]) .tab {
+  color: rgba(13, 21, 38, 0.4);
+}
+
+:global([data-theme="light"]) .tabActive {
+  color: var(--primary);
+}
+
 @media (min-width: 768px) {
   .bottomNav {
     display: none;

frontend/src/components/MatchCard.module.css

@@ -567,3 +567,20 @@
   50%  { box-shadow: 0 0 16px rgba(254, 174, 50, 0.5); }
   100% { box-shadow: 0 0 0 rgba(254, 174, 50, 0); }
 }
+
+/* ═══ Light Mode Overrides ═══ */
+:global([data-theme="light"]) .kickoffLED {
+  color: #9A6500;
+  text-shadow:
+    0 0 2px rgba(154, 101, 0, 0.3),
+    0 0 6px rgba(154, 101, 0, 0.1);
+}
+
+:global([data-theme="light"]) .flagBox {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  border-color: rgba(0, 0, 0, 0.08);
+}
+
+:global([data-theme="light"]) .flagBox::before {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, transparent 100%);
+}