Complete visual overhaul: warm light theme, stadium hero, inline pill nav

Inspired by vtv/Dribbble streaming concept. Every dark surface replaced
with warm off-white (#F5F3F0) and white cards with soft shadows.

Design System: Warm off-white background, white card fills, subtle drop
shadows, dark text hierarchy, warm orange accent (#F27326) replacing
blue as primary interactive color. Added onDark color variants for hero
overlays. Shadow system with card/lifted states.

Navigation: Replaced TabView with inline CategoryPillBar — horizontal
orange pills (Today | Intel | Highlights | Multi-View | Settings).
Single scrolling view, no system chrome. Multi-View as icon button
with stream count badge. Settings as gear icon.

Stadium Hero: Full-bleed stadium photos from MLB CDN
(mlbstatic.com/v1/venue/{id}/spots/1200) as featured game background.
Left gradient overlay for text readability. Live games show score +
inning + DiamondView count/outs. Scheduled games show probable pitchers
with headshots + records. Final games show final score. Warm orange
"Watch Now" CTA pill. Added venue ID mapping for all 30 stadiums to
TeamAssets.

Game Cards: White cards with team color top bar, horizontal team rows,
dark text, soft shadows. Record + streak on every card.

Intel Tab: All dark panels replaced with white cards + shadows.
Replaced dark gradient screen background with flat warm off-white.
58 hardcoded .white.opacity() values replaced with DS.Colors tokens.

Feed Tab: Already used DS.Colors — inherits light theme automatically.

Focus: tvOS focus style uses warm orange border highlight + lifted
shadow instead of white glow on dark.

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

mlbTVOS/Views/ContentView.swift

@@ -2,35 +2,44 @@ import SwiftUI
 
 struct ContentView: View {
     @Environment(GamesViewModel.self) private var viewModel
-
-    private var multiViewLabel: String {
-        let count = viewModel.activeStreams.count
-        if count > 0 {
-            return "Multi-View (\(count))"
-        }
-        return "Multi-View"
-    }
+    @State private var selectedSection: AppSection = .today
 
     var body: some View {
-        TabView {
-            Tab("Today", systemImage: "sportscourt.fill") {
-                DashboardView()
-            }
-            Tab("Intel", systemImage: "chart.bar.fill") {
-                LeagueCenterView()
-            }
-            Tab(multiViewLabel, systemImage: "rectangle.split.2x2.fill") {
-                MultiStreamView()
-            }
-            Tab("Feed", systemImage: "newspaper.fill") {
-                FeedView()
-            }
-            Tab("Settings", systemImage: "gearshape.fill") {
-                SettingsView()
+        VStack(spacing: 0) {
+            // Top navigation bar
+            CategoryPillBar(
+                selected: $selectedSection,
+                streamCount: viewModel.activeStreams.count
+            )
+            .padding(.horizontal, DS.Spacing.edgeInset)
+            .padding(.vertical, navPadV)
+            .background(DS.Colors.background)
+
+            // Content area
+            Group {
+                switch selectedSection {
+                case .today:
+                    DashboardView()
+                case .intel:
+                    LeagueCenterView()
+                case .highlights:
+                    FeedView()
+                case .multiView:
+                    MultiStreamView()
+                case .settings:
+                    SettingsView()
+                }
             }
         }
+        .background(DS.Colors.background)
         .task {
             await viewModel.loadGames()
         }
     }
+
+    #if os(tvOS)
+    private var navPadV: CGFloat { 20 }
+    #else
+    private var navPadV: CGFloat { 12 }
+    #endif
 }