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/pages/DashboardPage.module.css

@@ -363,6 +363,61 @@
 /* ═══════════════════════════════════════
    STATES
    ═══════════════════════════════════════ */
+/* ═══════════════════════════════════════
+   LIGHT MODE OVERRIDES
+   ═══════════════════════════════════════ */
+:global([data-theme="light"]) .hero {
+  background: rgba(255, 255, 255, 0.75);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+}
+
+:global([data-theme="light"]) .hero::before {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
+}
+
+:global([data-theme="light"]) .heroGlow {
+  background: radial-gradient(circle at center, rgba(26, 143, 227, 0.08) 0%, transparent 65%);
+}
+
+:global([data-theme="light"]) .heroLED,
+:global([data-theme="light"]) .ledDigit,
+:global([data-theme="light"]) .ledColon {
+  color: #9A6500;
+  text-shadow:
+    0 0 3px rgba(154, 101, 0, 0.4),
+    0 0 8px rgba(154, 101, 0, 0.15);
+}
+
+:global([data-theme="light"]) .heroCrestBox {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+}
+
+:global([data-theme="light"]) .heroCrestBox::before {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
+}
+
+:global([data-theme="light"]) .heroCrestBox::after {
+  display: none;
+}
+
+:global([data-theme="light"]) .heroTip {
+  background: rgba(184, 116, 10, 0.08);
+  border: 1px solid rgba(184, 116, 10, 0.2);
+  color: #8B5E00;
+}
+
+:global([data-theme="light"]) .heroCountdown {
+  background: rgba(184, 116, 10, 0.08);
+  border-color: rgba(184, 116, 10, 0.2);
+  color: #8B5E00;
+}
+
+:global([data-theme="light"]) .statTile {
+  border: 1px solid rgba(0, 0, 0, 0.06) !important;
+}
+
 .loading,
 .error {
   text-align: center;