Claude/fix ravens voice first response 4 a9 ix

RaveniOS/RaveniOS/Design/RavenDesignTokens.swift

@@ -333,3 +333,41 @@ enum RavenMotion {
     static let landingPromptSpringBounce:   Double = 0.20
     static let landingPromptSpringDelay:    Double = 0.35
 }
+
+// MARK: - Typography
+//
+// Named font scale for non-spatial views (Chat, Vault, sheets).
+// Spatial labels in SkyMapView continue to use .system(size:design:monospaced)
+// directly for fine-grained pixel control; this ramp targets the UI chrome.
+
+enum RavenTypography {
+    /// Screen/section title — chat header name, nav titles.
+    static func title()   -> Font { .system(size: 17, weight: .semibold) }
+
+    /// Primary UI body — mode display names, list row headlines.
+    static func body()    -> Font { .system(size: 15, weight: .regular) }
+
+    /// Secondary label — phase labels, profile names in header, subtitles.
+    static func caption() -> Font { .system(size: 12, weight: .regular) }
+
+    /// Monospaced metadata — coords, timestamps, stat values.
+    static func mono(size: CGFloat = 11, weight: Font.Weight = .regular) -> Font {
+        .system(size: size, weight: weight, design: .monospaced)
+    }
+}
+
+extension View {
+    /// Raven title style: 17pt semibold.
+    func ravenTitle()   -> some View { self.font(RavenTypography.title()) }
+
+    /// Raven body style: 15pt regular.
+    func ravenBody()    -> some View { self.font(RavenTypography.body()) }
+
+    /// Raven caption style: 12pt regular.
+    func ravenCaption() -> some View { self.font(RavenTypography.caption()) }
+
+    /// Raven monospaced style: configurable size, default 11pt.
+    func ravenMono(size: CGFloat = 11, weight: Font.Weight = .regular) -> some View {
+        self.font(RavenTypography.mono(size: size, weight: weight))
+    }
+}

RaveniOS/RaveniOS/RaveniOSApp.swift

@@ -6,11 +6,42 @@ struct RaveniOSApp: App {
 
     init() {
         FirebaseApp.configure()
+        configureTabBarAppearance()
     }
 
     var body: some Scene {
         WindowGroup {
             ContentView()
         }
     }
+
+    // MARK: - Tab Bar Theming
+
+    /// Applies cosmos dark chrome to the tab bar using UITabBarAppearance.
+    /// Mirrors RavenPalette.cosmosBackground (0.04, 0.04, 0.10) and ravenAmber
+    /// (hue 0.08, sat 0.60, bri 0.80) for selected glyph tint.
+    ///
+    /// Configured at app start so the appearance is in place before the first
+    /// render — avoids a flash of the system default white bar.
+    ///
+    /// Note: EarthView overlays the TabView with zIndex(2) and ignoresSafeArea(),
+    /// so the tab bar sits beneath it during Earth mode and is not affected.
+    private func configureTabBarAppearance() {
+        let cosmos = UIColor(red: 0.04, green: 0.04, blue: 0.10, alpha: 0.97)
+        let amber  = UIColor(hue: 0.08, saturation: 0.60, brightness: 0.80, alpha: 1.0)
+        let dim    = UIColor.white.withAlphaComponent(0.35)
+
+        let appearance = UITabBarAppearance()
+        appearance.configureWithOpaqueBackground()
+        appearance.backgroundColor = cosmos
+
+        let stacked = appearance.stackedLayoutAppearance
+        stacked.selected.iconColor  = amber
+        stacked.selected.titleTextAttributes  = [.foregroundColor: amber]
+        stacked.normal.iconColor    = dim
+        stacked.normal.titleTextAttributes    = [.foregroundColor: dim]
+
+        UITabBar.appearance().standardAppearance    = appearance
+        UITabBar.appearance().scrollEdgeAppearance  = appearance
+    }
 }