@sriinnu/runic 1.0.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 2.0.0 — 2026-03-27
+- Typography: custom font system with 7 bundled families (Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Inconsolata, Caveat, SF Pro/Mono)
+- Typography: live font switching from Settings > General — no restart needed
+- Typography: RunicTypography design tokens with dynamic RunicFont scale across 600+ font call sites
+- Typography: drop-in font extensibility — add TTF/OTF to Resources/Fonts, rebuild, auto-discovered
+- Typography: font preview in picker — each choice rendered in its own typeface
+- Typography: NSMenuItem post-processor applies selected font to all plain menu items
+- Typography: xLarge dynamic type for slightly larger text across the app
+- Menu: wider card base width (310→340pt) for monospaced font comfort
+- iOS: RunicFont enum for consistent monospaced typography across widgets and views
+
 ## 0.16.1 — 2025-12-29
 - Menu: reduce layout thrash when opening menus and sizing charts. Thanks @ibehnam!
 - Packaging: default release notarization builds universal (arm64 + x86_64) zip.

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 Srinivas Pendela
+Copyright (c) 2025-2026 Srinivas Pendela
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -24,78 +24,96 @@ Runic sits in your menubar and shows how much of your AI subscription you've use
 
 | | | |
 |---|---|---|
-| Claude | Codex | Cursor |
-| Gemini | Copilot | z.ai |
-| OpenRouter | Groq | DeepSeek |
-| Fireworks | Mistral | Perplexity |
-| Kimi | Together | Cohere |
-| xAI | Cerebras | SambaNova |
+| Claude (1M ctx) | Codex (400K ctx) | Cursor (128K ctx) |
+| Gemini (1M ctx) | Copilot (128K ctx) | z.ai (205K ctx) |
+| OpenRouter | Groq (128K ctx) | DeepSeek (64K ctx) |
+| Fireworks (128K ctx) | Mistral (128K ctx) | Perplexity (128K ctx) |
+| Kimi (128K ctx) | Together (128K ctx) | Cohere (128K ctx) |
+| xAI (128K ctx) | Cerebras (128K ctx) | SambaNova (128K ctx) |
 | Azure OpenAI | Bedrock | Vertex AI |
-| Qwen | MiniMax | Auggie |
+| Qwen (128K ctx) | MiniMax | Auggie |
 | Antigravity | Factory (Droid) | |
 
+Context windows are configurable via `Resources/provider-context-windows.json`.
+
 ## Features
 
-**Menu dropdown**
-- Provider tab bar with brand icons
-- Hero stat with today's token count and cost
-- Inline line chart (1h / 6h / 1d / 7d / 30d)
-- Glassmorphism stat cards with sparklines
-- Usage progress bars with sheen animation
+**Overview dashboard**
+- All providers at a glance with brand icons and progress bars
+- Activity ring showing average usage across providers
+- Context window, reset countdown, and usage window per provider
+- Combined 7-day stacked bar chart
+
+**Per-provider view**
+- Hero stat with provider icon, today's token count and cost
+- Inline line chart with 1h / 6h / 1d / 7d / 30d range picker
+- Glassmorphism stat cards (Peak Hour, This Week) with sparklines
+- Usage progress bars with sheen animation and glow effects
 - Live "Updated Xs ago" timestamp
 
-**Charts**
-- Usage timeline (area + line)
-- Today by hour (24-bar)
-- Last 7 days (weekly bars)
+**Charts** (submenus)
+- Usage timeline (area + line, Catmull-Rom interpolated)
+- Today by hour (24-bar chart with peak highlight)
+- Last 7 days (weekly bar chart)
 - Subscription utilization (Daily / Weekly / Monthly)
-- Usage window comparison (session vs weekly)
-- Model breakdown (donut)
-- Project breakdown (bar)
+- Usage window comparison (dual-line session vs weekly)
+- Model breakdown (donut chart)
+- Project breakdown (horizontal bar chart)
 
 **Analytics**
-- Token usage (input, output, cache)
+- Token usage tracking (input, output, cache)
 - Cost estimation with per-model pricing
-- Spend forecasting and budget alerts
+- Spend forecasting with budget breach detection
 - Project and model attribution
+- Anomaly detection
 
 **Export & Notifications**
 - Export as CSV or JSON
 - Budget breach alerts via macOS notifications
-- macOS widgets
+- macOS widgets (usage, history, compact, switcher)
 - CLI tool (`RunicCLI`)
 
 **Design**
 - Dark / Light / System theme
 - Liquid UI with glass materials and animated progress bars
-- SF Rounded typography
+- Staggered entrance animations and glass shimmer effects
+- Custom font system — 7 bundled families (Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Inconsolata, Caveat, SF Pro/Mono) with live switching
+- Drop-in font extensibility — add TTF/OTF to `Resources/Fonts`, rebuild, auto-discovered
+- Design tokens for typography, colors, spacing, corner radius, animation
 - VoiceOver accessible
 - Sparkle auto-updates
 
 ## Install
 
+**Download** the latest release from [GitHub Releases](https://github.com/sriinnu/Runic/releases/latest), unzip, and drag `Runic.app` to Applications. Signed and notarized — no Gatekeeper warnings.
+
+**Or build from source:**
+
 ```bash
 git clone https://github.com/sriinnu/Runic.git
 cd Runic
 ./Scripts/compile_and_run.sh
 ```
 
-Builds the app, signs it, installs to `/Applications`, and launches. The infinity icon appears in your menubar.
-
 ## Configure
 
 Open **Preferences** from the menubar. Each provider has its own settings:
 
-- **API-based** (Groq, Mistral, z.ai, etc.): Paste your API key
-- **CLI-based** (Claude, Codex): Detected automatically
+- **API-based** (Groq, Mistral, z.ai, etc.): Paste your API key — provider auto-enables
+- **CLI-based** (Claude, Codex): Detected automatically from local CLI
 - **Cloud** (Bedrock, Vertex AI): Set environment variables
 
-All tokens stored in macOS Keychain — no password prompts.
+All tokens stored in macOS Keychain with no password prompts.
 
 ## Privacy
 
 Zero telemetry. No analytics. No crash reporting. All data stays on your Mac.
 
+## Roadmap
+
+- Windows desktop app
+- Web app
+
 ## License
 
 MIT. See [LICENSE](LICENSE).

package/RuniciOS/Core/RunicTypographyiOS.swift

@@ -0,0 +1,24 @@
+import SwiftUI
+
+/// iOS font scale — mirrors the macOS RunicFont for cross-platform consistency.
+enum RunicFont {
+    static let caption2 = Font.system(.caption2, design: .monospaced)
+    static let caption = Font.system(.caption, design: .monospaced)
+    static let footnote = Font.system(.footnote, design: .monospaced)
+    static let callout = Font.system(.callout, design: .monospaced)
+    static let body = Font.system(.body, design: .monospaced)
+    static let subheadline = Font.system(.subheadline, design: .monospaced)
+    static let headline = Font.system(.headline, design: .monospaced)
+    static let title3 = Font.system(.title3, design: .monospaced)
+    static let title2 = Font.system(.title2, design: .monospaced)
+    static let title = Font.system(.title, design: .monospaced)
+    static let largeTitle = Font.system(.largeTitle, design: .monospaced)
+
+    static func system(size: CGFloat) -> Font {
+        Font.system(size: size, design: .monospaced)
+    }
+
+    static func system(size: CGFloat, weight: Font.Weight) -> Font {
+        Font.system(size: size, weight: weight, design: .monospaced)
+    }
+}

package/RuniciOS/Views/ProviderDetailView.swift

@@ -135,11 +135,11 @@ struct ProviderHeaderView: View {
 
                 VStack(spacing: 4) {
                     Text("\(Int(snapshot.primary.usedPercent))%")
-                        .font(.system(.largeTitle, design: .rounded, weight: .bold))
+                        .font(RunicFont.largeTitle.weight(.bold))
                         .foregroundStyle(statusColor)
 
                     Text("Used")
-                        .font(.caption)
+                        .font(RunicFont.caption)
                         .foregroundStyle(.secondary)
                 }
             }
@@ -148,15 +148,15 @@ struct ProviderHeaderView: View {
             // Status message
             if snapshot.primary.usedPercent >= 90 {
                 Text("⚠️ Approaching Limit")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.red)
             } else if snapshot.primary.usedPercent >= 75 {
                 Text("⚡ High Usage")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.orange)
             } else {
                 Text("✓ Healthy")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.green)
             }
         }
@@ -212,10 +212,10 @@ struct MetricRow: View {
         VStack(alignment: .leading, spacing: 6) {
             HStack {
                 Text(title)
-                    .font(.subheadline)
+                    .font(RunicFont.subheadline)
                 Spacer()
                 Text("\(Int(value))%")
-                    .font(.system(.headline, design: .rounded))
+                    .font(RunicFont.headline)
                     .foregroundStyle(color)
             }
 
@@ -232,7 +232,7 @@ struct MetricRow: View {
             .frame(height: 8)
 
             Text(label)
-                .font(.caption)
+                .font(RunicFont.caption)
                 .foregroundStyle(.secondary)
         }
     }
@@ -283,7 +283,7 @@ struct AccountTypeBadge: View {
 
     var body: some View {
         Text(type.rawValue.replacingOccurrences(of: "_", with: " ").capitalized)
-            .font(.caption)
+            .font(RunicFont.caption)
             .padding(.horizontal, 8)
             .padding(.vertical, 4)
             .background(color.opacity(0.2))

package/RuniciOS/Views/ProviderListView.swift

@@ -120,10 +120,10 @@ struct StatView: View {
     var body: some View {
         VStack(spacing: 4) {
             Text(value)
-                .font(.system(.title2, design: .rounded, weight: .bold))
+                .font(RunicFont.title2.weight(.bold))
                 .foregroundStyle(color)
             Text(label)
-                .font(.caption)
+                .font(RunicFont.caption)
                 .foregroundStyle(.secondary)
         }
         .frame(maxWidth: .infinity)
@@ -147,17 +147,17 @@ struct ProviderRowView: View {
             HStack {
                 // Provider icon and name
                 Image(systemName: iconForProvider(snapshot.provider))
-                    .font(.title3)
+                    .font(RunicFont.title3)
                     .foregroundStyle(statusColor)
                     .frame(width: 32)
 
                 VStack(alignment: .leading, spacing: 2) {
                     Text(snapshot.provider.rawValue.capitalized)
-                        .font(.headline)
+                        .font(RunicFont.headline)
 
                     if let email = snapshot.accountEmail {
                         Text(email)
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                     }
                 }
@@ -166,7 +166,7 @@ struct ProviderRowView: View {
 
                 // Usage percentage
                 Text("\(Int(snapshot.primary.usedPercent))%")
-                    .font(.system(.title3, design: .rounded, weight: .semibold))
+                    .font(RunicFont.title3.weight(.semibold))
                     .foregroundStyle(statusColor)
             }
 
@@ -189,9 +189,9 @@ struct ProviderRowView: View {
                timeRemaining > 0 {
                 HStack {
                     Image(systemName: "clock")
-                        .font(.caption2)
+                        .font(RunicFont.caption2)
                     Text(resetInfo.resetDescription)
-                        .font(.caption)
+                        .font(RunicFont.caption)
                 }
                 .foregroundStyle(.secondary)
             }
@@ -200,9 +200,9 @@ struct ProviderRowView: View {
             if let model = snapshot.primaryModel {
                 HStack {
                     Image(systemName: "cpu.fill")
-                        .font(.caption2)
+                        .font(RunicFont.caption2)
                     Text(model.modelName)
-                        .font(.caption)
+                        .font(RunicFont.caption)
                 }
                 .foregroundStyle(.blue)
             }

package/RuniciOS/Widgets/LargeWidget.swift

@@ -88,18 +88,18 @@ struct LargeWidgetView: View {
             // Title and status
             HStack(spacing: 10) {
                 Image(systemName: entry.systemStatus.iconName)
-                    .font(.system(size: 20, weight: .semibold))
+                    .font(RunicFont.system(size: 20, weight: .semibold))
                     .foregroundColor(statusColor)
 
                 Text("Runic Dashboard")
-                    .font(.system(size: 18, weight: .bold))
+                    .font(RunicFont.system(size: 18, weight: .bold))
                     .foregroundColor(.white)
 
                 Spacer()
 
                 // Last update
                 Text("Updated \(relativeTime)")
-                    .font(.system(size: 11, weight: .medium))
+                    .font(RunicFont.system(size: 11, weight: .medium))
                     .foregroundColor(.white.opacity(0.6))
             }
 
@@ -140,15 +140,15 @@ struct LargeWidgetView: View {
     ) -> some View {
         HStack(spacing: 6) {
             Image(systemName: icon)
-                .font(.system(size: 12))
+                .font(RunicFont.system(size: 12))
                 .foregroundColor(color)
 
             Text(value)
-                .font(.system(size: 14, weight: .bold, design: .rounded))
+                .font(RunicFont.system(size: 14, weight: .bold))
                 .foregroundColor(.white)
 
             Text(label)
-                .font(.system(size: 11, weight: .medium))
+                .font(RunicFont.system(size: 11, weight: .medium))
                 .foregroundColor(.white.opacity(0.6))
         }
     }
@@ -158,7 +158,7 @@ struct LargeWidgetView: View {
     private var chartsView: some View {
         VStack(alignment: .leading, spacing: 6) {
             Text("Usage Trend")
-                .font(.system(size: 11, weight: .semibold))
+                .font(RunicFont.system(size: 11, weight: .semibold))
                 .foregroundColor(.white.opacity(0.7))
 
             if #available(iOS 16.0, *) {
@@ -193,7 +193,7 @@ struct LargeWidgetView: View {
                     .frame(width: 8, height: 8)
 
                 Text(provider.displayName)
-                    .font(.system(size: 12, weight: .semibold))
+                    .font(RunicFont.system(size: 12, weight: .semibold))
                     .foregroundColor(.white)
 
                 Spacer()
@@ -203,7 +203,7 @@ struct LargeWidgetView: View {
 
                 // Percentage
                 Text("\(Int(provider.remainingPercent))%")
-                    .font(.system(size: 13, weight: .bold, design: .rounded))
+                    .font(RunicFont.system(size: 13, weight: .bold))
                     .foregroundColor(.white)
                     .frame(width: 35, alignment: .trailing)
             }
@@ -225,7 +225,7 @@ struct LargeWidgetView: View {
             if let countdown = provider.resetCountdown {
                 HStack {
                     Text("Resets \(countdown)")
-                        .font(.system(size: 9, weight: .medium))
+                        .font(RunicFont.system(size: 9, weight: .medium))
                         .foregroundColor(.white.opacity(0.4))
 
                     Spacer()
@@ -255,7 +255,7 @@ struct LargeWidgetView: View {
         }
 
         return Image(systemName: "\(icon).circle.fill")
-            .font(.system(size: 10))
+            .font(RunicFont.system(size: 10))
             .foregroundColor(color)
     }
 
@@ -288,9 +288,9 @@ struct LargeWidgetView: View {
     @ViewBuilder
     private var emptyStateView: some View {
         VStack(spacing: 12) {
-            Image(systemName: "chart.bar.doc.horizontal").font(.system(size: 36)).foregroundColor(.white.opacity(0.3))
-            Text("No Data Available").font(.system(size: 16, weight: .semibold)).foregroundColor(.white.opacity(0.6))
-            Text("Open Runic to sync your usage data").font(.system(size: 12)).foregroundColor(.white.opacity(0.4))
+            Image(systemName: "chart.bar.doc.horizontal").font(RunicFont.system(size: 36)).foregroundColor(.white.opacity(0.3))
+            Text("No Data Available").font(RunicFont.system(size: 16, weight: .semibold)).foregroundColor(.white.opacity(0.6))
+            Text("Open Runic to sync your usage data").font(RunicFont.system(size: 12)).foregroundColor(.white.opacity(0.4))
         }
         .padding()
     }

package/RuniciOS/Widgets/LiveActivity.swift

@@ -105,16 +105,16 @@ struct RunicLiveActivity: Widget {
         VStack(spacing: 12) {
             HStack {
                 Circle().fill(providerColor(context: context)).frame(width: 10, height: 10)
-                Text(context.state.providerName).font(.system(size: 15, weight: .semibold)).foregroundColor(.white)
+                Text(context.state.providerName).font(RunicFont.system(size: 15, weight: .semibold)).foregroundColor(.white)
                 Spacer()
                 statusBadge(for: context.state.status)
             }
 
             VStack(spacing: 6) {
                 HStack {
-                    Text("Session Usage").font(.system(size: 12, weight: .medium)).foregroundColor(.white.opacity(0.7))
+                    Text("Session Usage").font(RunicFont.system(size: 12, weight: .medium)).foregroundColor(.white.opacity(0.7))
                     Spacer()
-                    Text("\(Int(context.state.remainingPercent))% remaining").font(.system(size: 12, weight: .semibold)).foregroundColor(.white)
+                    Text("\(Int(context.state.remainingPercent))% remaining").font(RunicFont.system(size: 12, weight: .semibold)).foregroundColor(.white)
                 }
                 GeometryReader { geometry in
                     ZStack(alignment: .leading) {
@@ -128,20 +128,20 @@ struct RunicLiveActivity: Widget {
 
             HStack {
                 HStack(spacing: 4) {
-                    Image(systemName: "clock.fill").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                    Text(sessionDuration(from: context.state.sessionStartTime)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                    Image(systemName: "clock.fill").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                    Text(sessionDuration(from: context.state.sessionStartTime)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                 }
                 Spacer()
                 if let tokens = context.state.sessionTokens {
                     HStack(spacing: 4) {
-                        Image(systemName: "number").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                        Text(UsageFormatter.tokenCountString(tokens)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                        Image(systemName: "number").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                        Text(UsageFormatter.tokenCountString(tokens)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                     }
                 }
                 if let cost = context.state.estimatedCost {
                     HStack(spacing: 4) {
-                        Image(systemName: "dollarsign.circle.fill").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                        Text(UsageFormatter.usdString(cost)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                        Image(systemName: "dollarsign.circle.fill").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                        Text(UsageFormatter.usdString(cost)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                     }
                 }
             }
@@ -154,10 +154,10 @@ struct RunicLiveActivity: Widget {
     func expandedLeading(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         VStack(alignment: .leading, spacing: 4) {
             Text(context.state.providerName)
-                .font(.system(size: 14, weight: .semibold))
+                .font(RunicFont.system(size: 14, weight: .semibold))
 
             Text(sessionDuration(from: context.state.sessionStartTime))
-                .font(.system(size: 12, weight: .medium))
+                .font(RunicFont.system(size: 12, weight: .medium))
                 .foregroundColor(.secondary)
         }
     }
@@ -166,10 +166,10 @@ struct RunicLiveActivity: Widget {
     func expandedTrailing(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         VStack(alignment: .trailing, spacing: 4) {
             Text("\(Int(context.state.remainingPercent))%")
-                .font(.system(size: 18, weight: .bold, design: .rounded))
+                .font(RunicFont.system(size: 18, weight: .bold))
 
             Text("remaining")
-                .font(.system(size: 11, weight: .medium))
+                .font(RunicFont.system(size: 11, weight: .medium))
                 .foregroundColor(.secondary)
         }
     }
@@ -196,7 +196,7 @@ struct RunicLiveActivity: Widget {
                 if let cost = context.state.estimatedCost { statItem(icon: "dollarsign.circle", value: UsageFormatter.usdString(cost)) }
                 Spacer()
             }
-            .font(.system(size: 11))
+            .font(RunicFont.system(size: 11))
         }
     }
 
@@ -210,7 +210,7 @@ struct RunicLiveActivity: Widget {
     @ViewBuilder
     func compactTrailing(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         Text("\(Int(context.state.remainingPercent))%")
-            .font(.system(size: 12, weight: .bold, design: .rounded))
+            .font(RunicFont.system(size: 12, weight: .bold))
     }
 
     @ViewBuilder
@@ -229,8 +229,8 @@ struct RunicLiveActivity: Widget {
             ("Complete", Color.blue, "checkmark.circle.fill")
 
         return HStack(spacing: 4) {
-            Image(systemName: icon).font(.system(size: 10))
-            Text(text).font(.system(size: 11, weight: .semibold))
+            Image(systemName: icon).font(RunicFont.system(size: 10))
+            Text(text).font(RunicFont.system(size: 11, weight: .semibold))
         }
         .foregroundColor(color)
         .padding(.horizontal, 8).padding(.vertical, 4)
@@ -240,8 +240,8 @@ struct RunicLiveActivity: Widget {
 
     private func statItem(icon: String, value: String) -> some View {
         HStack(spacing: 4) {
-            Image(systemName: icon).font(.system(size: 10)).foregroundColor(.secondary)
-            Text(value).font(.system(size: 11, weight: .medium))
+            Image(systemName: icon).font(RunicFont.system(size: 10)).foregroundColor(.secondary)
+            Text(value).font(RunicFont.system(size: 11, weight: .medium))
         }
     }
 

package/RuniciOS/Widgets/LockScreenWidget.swift

@@ -78,10 +78,10 @@ struct LockScreenCircularView: View {
                 // Center content
                 VStack(spacing: 1) {
                     Text("\(Int(provider.remainingPercent))")
-                        .font(.system(size: 18, weight: .bold, design: .rounded))
+                        .font(RunicFont.system(size: 18, weight: .bold))
 
                     Text("%")
-                        .font(.system(size: 10, weight: .semibold))
+                        .font(RunicFont.system(size: 10, weight: .semibold))
                         .opacity(0.8)
                 }
             }
@@ -93,7 +93,7 @@ struct LockScreenCircularView: View {
                     .stroke(Color.white.opacity(0.2), lineWidth: 3)
 
                 Image(systemName: "exclamationmark.triangle")
-                    .font(.system(size: 16))
+                    .font(RunicFont.system(size: 16))
                     .opacity(0.5)
             }
         }
@@ -127,12 +127,12 @@ struct LockScreenRectangularView: View {
                 // Provider name and percentage
                 HStack {
                     Text(provider.displayName)
-                        .font(.system(size: 13, weight: .semibold))
+                        .font(RunicFont.system(size: 13, weight: .semibold))
 
                     Spacer()
 
                     Text("\(Int(provider.remainingPercent))%")
-                        .font(.system(size: 13, weight: .bold, design: .rounded))
+                        .font(RunicFont.system(size: 13, weight: .bold))
                 }
 
                 // Progress bar
@@ -151,11 +151,11 @@ struct LockScreenRectangularView: View {
                 // Reset countdown
                 if let countdown = provider.resetCountdown {
                     Text("Resets \(countdown)")
-                        .font(.system(size: 11, weight: .medium))
+                        .font(RunicFont.system(size: 11, weight: .medium))
                         .opacity(0.7)
                 } else {
                     Text("Updated \(relativeTime(from: provider.updatedAt))")
-                        .font(.system(size: 11, weight: .medium))
+                        .font(RunicFont.system(size: 11, weight: .medium))
                         .opacity(0.7)
                 }
             }
@@ -165,14 +165,14 @@ struct LockScreenRectangularView: View {
             VStack(alignment: .leading, spacing: 4) {
                 HStack {
                     Image(systemName: "exclamationmark.triangle")
-                        .font(.system(size: 12))
+                        .font(RunicFont.system(size: 12))
 
                     Text("No Data")
-                        .font(.system(size: 13, weight: .semibold))
+                        .font(RunicFont.system(size: 13, weight: .semibold))
                 }
 
                 Text("Open Runic to sync")
-                    .font(.system(size: 11))
+                    .font(RunicFont.system(size: 11))
                     .opacity(0.6)
             }
         }
@@ -214,21 +214,21 @@ struct LockScreenInlineView: View {
         if let provider = primaryProvider {
             HStack(spacing: 4) {
                 Image(systemName: statusIcon(for: provider))
-                    .font(.system(size: 12))
+                    .font(RunicFont.system(size: 12))
 
                 Text("\(provider.displayName):")
-                    .font(.system(size: 12, weight: .medium))
+                    .font(RunicFont.system(size: 12, weight: .medium))
 
                 Text("\(Int(provider.remainingPercent))% left")
-                    .font(.system(size: 12, weight: .semibold))
+                    .font(RunicFont.system(size: 12, weight: .semibold))
             }
         } else {
             HStack(spacing: 4) {
                 Image(systemName: "exclamationmark.triangle")
-                    .font(.system(size: 12))
+                    .font(RunicFont.system(size: 12))
 
                 Text("Runic: No data")
-                    .font(.system(size: 12, weight: .medium))
+                    .font(RunicFont.system(size: 12, weight: .medium))
             }
         }
     }