@sriinnu/runic 1.0.0 → 2.0.0

package/Sources/Runic/Views/Preferences/PreferencesAlertsPane.swift

@@ -19,13 +19,15 @@ struct AlertsPane: View {
         case discord
         case generic
 
-        var id: String { self.rawValue }
+        var id: String {
+            self.rawValue
+        }
 
         var label: String {
             switch self {
-            case .slack: return "Slack"
-            case .discord: return "Discord"
-            case .generic: return "Generic"
+            case .slack: "Slack"
+            case .discord: "Discord"
+            case .generic: "Generic"
             }
         }
     }
@@ -34,14 +36,14 @@ struct AlertsPane: View {
         PreferencesPane {
             SettingsSection(contentSpacing: PreferencesLayoutMetrics.sectionSpacing) {
                 Text("Alert Rules")
-                    .font(.caption)
+                    .font(RunicFont.caption)
                     .foregroundStyle(.secondary)
                     .textCase(.uppercase)
 
                 VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                     HStack {
                         Text("\(self.alertsData.rules.count) rules configured")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.secondary)
 
                         Spacer()
@@ -57,7 +59,7 @@ struct AlertsPane: View {
 
                     if self.alertsData.rules.isEmpty {
                         Text("No alert rules configured. Add a rule to get started.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .padding(.vertical, RunicSpacing.md)
                             .frame(maxWidth: .infinity)
@@ -76,24 +78,24 @@ struct AlertsPane: View {
 
             SettingsSection(contentSpacing: PreferencesLayoutMetrics.sectionSpacing) {
                 Text("Webhook Configuration")
-                    .font(.caption)
+                    .font(RunicFont.caption)
                     .foregroundStyle(.secondary)
                     .textCase(.uppercase)
 
                 VStack(alignment: .leading, spacing: RunicSpacing.sm) {
                     VStack(alignment: .leading, spacing: 4) {
                         Text("Default webhook URL")
-                            .font(.body)
+                            .font(RunicFont.body)
                         TextField("https://hooks.slack.com/services/...", text: self.$defaultWebhookURL)
                             .textFieldStyle(.roundedBorder)
                         Text("Used for all alerts unless overridden in rule settings.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                     }
 
                     VStack(alignment: .leading, spacing: 4) {
                         Text("Webhook format")
-                            .font(.body)
+                            .font(RunicFont.body)
                         Picker("", selection: self.$webhookFormat) {
                             ForEach(WebhookFormat.allCases) { format in
                                 Text(format.label).tag(format)
@@ -112,7 +114,7 @@ struct AlertsPane: View {
 
                         if let result = self.showingTestResult {
                             Text(result)
-                                .font(.footnote)
+                                .font(RunicFont.footnote)
                                 .foregroundStyle(result.contains("Success") ? .green : .red)
                         }
                     }
@@ -123,14 +125,14 @@ struct AlertsPane: View {
 
             SettingsSection(contentSpacing: PreferencesLayoutMetrics.sectionSpacing) {
                 Text("Alert History")
-                    .font(.caption)
+                    .font(RunicFont.caption)
                     .foregroundStyle(.secondary)
                     .textCase(.uppercase)
 
                 VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                     HStack {
                         Text("Last 20 triggered alerts")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.secondary)
 
                         Spacer()
@@ -147,7 +149,7 @@ struct AlertsPane: View {
 
                     if recentHistory.isEmpty {
                         Text("No alerts triggered yet.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .padding(.vertical, RunicSpacing.md)
                             .frame(maxWidth: .infinity)
@@ -174,8 +176,7 @@ struct AlertsPane: View {
                     } catch {
                         print("Failed to add rule: \(error)")
                     }
-                }
-            )
+                })
         }
         .sheet(item: self.$editingRule) { rule in
             RuleEditorSheet(
@@ -187,8 +188,7 @@ struct AlertsPane: View {
                     } catch {
                         print("Failed to update rule: \(error)")
                     }
-                }
-            )
+                })
         }
     }
 
@@ -201,21 +201,20 @@ struct AlertsPane: View {
                     updatedRule.enabled = enabled
                     try? AlertRuleStore.updateRule(updatedRule)
                     self.alertsData = AlertRuleStore.load()
-                }
-            ))
-            .toggleStyle(.switch)
-            .controlSize(.small)
+                }))
+                .toggleStyle(.switch)
+                .controlSize(.small)
 
             VStack(alignment: .leading, spacing: RunicSpacing.xxs) {
                 HStack(spacing: RunicSpacing.xs) {
                     Text(self.alertTypeLabel(rule.type))
-                        .font(.body)
+                        .font(RunicFont.body)
 
                     self.severityBadge(rule.severity)
                 }
 
                 Text("Threshold: \(Int(rule.threshold))%")
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .foregroundStyle(.secondary)
             }
 
@@ -251,11 +250,11 @@ struct AlertsPane: View {
 
             VStack(alignment: .leading, spacing: RunicSpacing.xxs) {
                 Text(entry.message)
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .lineLimit(2)
 
                 Text(self.relativeTime(entry.triggeredAt))
-                    .font(.caption2)
+                    .font(RunicFont.caption2)
                     .foregroundStyle(.tertiary)
             }
 
@@ -277,16 +276,14 @@ struct AlertsPane: View {
     }
 
     private func severityBadge(_ severity: AlertRuleStore.AlertSeverity) -> some View {
-        let color: Color = {
-            switch severity {
-            case .info: return .blue
-            case .warning: return .orange
-            case .critical: return .red
-            }
-        }()
+        let color: Color = switch severity {
+        case .info: .blue
+        case .warning: .orange
+        case .critical: .red
+        }
 
         return Text(severity.rawValue.uppercased())
-            .font(.caption2.weight(.semibold))
+            .font(RunicFont.caption2.weight(.semibold))
             .padding(.horizontal, RunicSpacing.xs)
             .padding(.vertical, RunicSpacing.xxs)
             .background(color.opacity(0.2))
@@ -296,10 +293,10 @@ struct AlertsPane: View {
 
     private func alertTypeLabel(_ type: AlertRuleStore.AlertType) -> String {
         switch type {
-        case .projectBudget: return "Project Budget"
-        case .usageVelocity: return "Usage Velocity"
-        case .costAnomaly: return "Cost Anomaly"
-        case .quotaThreshold: return "Quota Threshold"
+        case .projectBudget: "Project Budget"
+        case .usageVelocity: "Usage Velocity"
+        case .costAnomaly: "Cost Anomaly"
+        case .quotaThreshold: "Quota Threshold"
         }
     }
 
@@ -365,7 +362,7 @@ private struct RuleEditorSheet: View {
     var body: some View {
         VStack(spacing: RunicSpacing.lg) {
             Text(self.rule == nil ? "Add Alert Rule" : "Edit Alert Rule")
-                .font(.headline)
+                .font(RunicFont.headline)
 
             Form {
                 Picker("Alert Type", selection: self.$alertType) {
@@ -408,8 +405,7 @@ private struct RuleEditorSheet: View {
                         severity: self.severity,
                         notifyWebhook: self.notifyWebhook,
                         webhookURL: self.webhookURL.isEmpty ? nil : self.webhookURL,
-                        createdAt: self.rule?.createdAt ?? Date()
-                    )
+                        createdAt: self.rule?.createdAt ?? Date())
                     self.onSave(newRule)
                     self.dismiss()
                 }

package/Sources/Runic/Views/Preferences/PreferencesAnalyticsPane.swift

@@ -45,7 +45,7 @@ struct AnalyticsPane: View {
                         binding: self.$settings.usageBarsShowUsed)
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         Text("Usage metrics")
-                            .font(.body)
+                            .font(RunicFont.body)
                         Picker("", selection: self.$settings.usageMetricDisplayMode) {
                             ForEach(UsageMetricDisplayMode.allCases) { mode in
                                 Text(mode.label).tag(mode)
@@ -53,13 +53,13 @@ struct AnalyticsPane: View {
                         }
                         .pickerStyle(.segmented)
                         Text("Pick bars, percent, or both in the menu card.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .fixedSize(horizontal: false, vertical: true)
                     }
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         Text("Menu mode")
-                            .font(.body)
+                            .font(RunicFont.body)
                         Picker("", selection: self.$settings.menuMode) {
                             ForEach(MenuMode.allCases) { mode in
                                 Text(mode.label).tag(mode)
@@ -67,7 +67,7 @@ struct AnalyticsPane: View {
                         }
                         .pickerStyle(.segmented)
                         Text("Glance: usage only. Analyst: usage + credits/cost. Operator: full insights and actions.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .fixedSize(horizontal: false, vertical: true)
                     }
@@ -81,7 +81,7 @@ struct AnalyticsPane: View {
                         binding: self.$settings.mergeIcons)
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         Text("Provider switcher layout")
-                            .font(.body)
+                            .font(RunicFont.body)
                         Picker("", selection: self.$settings.providerSwitcherLayout) {
                             ForEach(ProviderSwitcherLayout.allCases) { layout in
                                 Text(layout.label).tag(layout)
@@ -91,13 +91,13 @@ struct AnalyticsPane: View {
                         .disabled(!self.settings.mergeIcons)
                         .opacity(self.settings.mergeIcons ? 1 : 0.5)
                         Text("Choose whether providers appear on top or in a left sidebar.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .fixedSize(horizontal: false, vertical: true)
                     }
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         Text("Switcher icon size")
-                            .font(.body)
+                            .font(RunicFont.body)
                         Picker("", selection: self.$settings.providerSwitcherIconSize) {
                             ForEach(ProviderSwitcherIconSize.allCases) { size in
                                 Text(size.label).tag(size)
@@ -107,7 +107,7 @@ struct AnalyticsPane: View {
                         .disabled(!self.settings.mergeIcons)
                         .opacity(self.settings.mergeIcons ? 1 : 0.5)
                         Text("Small or medium icons for the provider switcher.")
-                            .font(.footnote)
+                            .font(RunicFont.footnote)
                             .foregroundStyle(.tertiary)
                             .fixedSize(horizontal: false, vertical: true)
                     }
@@ -164,7 +164,7 @@ struct AnalyticsPane: View {
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         HStack {
                             Text("\(self.alertsData.rules.count) rules configured")
-                                .font(.footnote)
+                                .font(RunicFont.footnote)
                                 .foregroundStyle(.secondary)
 
                             Spacer()
@@ -180,7 +180,7 @@ struct AnalyticsPane: View {
 
                         if self.alertsData.rules.isEmpty {
                             Text("No alert rules configured. Add a rule to get started.")
-                                .font(.footnote)
+                                .font(RunicFont.footnote)
                                 .foregroundStyle(.tertiary)
                                 .padding(.vertical, RunicSpacing.md)
                                 .frame(maxWidth: .infinity)
@@ -207,7 +207,7 @@ struct AnalyticsPane: View {
                     VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                         HStack {
                             Text("\(self.budgets.count) budgets configured")
-                                .font(.footnote)
+                                .font(RunicFont.footnote)
                                 .foregroundStyle(.secondary)
 
                             Spacer()
@@ -223,7 +223,7 @@ struct AnalyticsPane: View {
 
                         if self.budgets.isEmpty {
                             Text("No budgets configured. Add a budget to track project spending.")
-                                .font(.footnote)
+                                .font(RunicFont.footnote)
                                 .foregroundStyle(.tertiary)
                                 .padding(.vertical, RunicSpacing.md)
                                 .frame(maxWidth: .infinity)
@@ -239,10 +239,10 @@ struct AnalyticsPane: View {
                         if let error = self.budgetErrorMessage {
                             HStack(alignment: .center, spacing: RunicSpacing.xs) {
                                 Image(systemName: "exclamationmark.triangle.fill")
-                                    .font(.caption)
+                                    .font(RunicFont.caption)
                                     .foregroundStyle(.red)
                                 Text(error)
-                                    .font(.caption)
+                                    .font(RunicFont.caption)
                                     .foregroundStyle(.red)
                             }
                             .padding(RunicSpacing.xs)
@@ -311,21 +311,20 @@ struct AnalyticsPane: View {
                     updatedRule.enabled = enabled
                     try? AlertRuleStore.updateRule(updatedRule)
                     self.alertsData = AlertRuleStore.load()
-                }
-            ))
-            .toggleStyle(.switch)
-            .controlSize(.small)
+                }))
+                .toggleStyle(.switch)
+                .controlSize(.small)
 
             VStack(alignment: .leading, spacing: RunicSpacing.xxs) {
                 HStack(spacing: RunicSpacing.xs) {
                     Text(self.alertTypeLabel(rule.type))
-                        .font(.body)
+                        .font(RunicFont.body)
 
                     self.severityBadge(rule.severity)
                 }
 
                 Text("Threshold: \(Int(rule.threshold))%")
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .foregroundStyle(.secondary)
             }
 
@@ -361,16 +360,16 @@ struct AnalyticsPane: View {
         HStack(spacing: RunicSpacing.sm) {
             VStack(alignment: .leading, spacing: RunicSpacing.xxs) {
                 Text(budget.projectName ?? budget.projectID)
-                    .font(.body)
+                    .font(RunicFont.body)
                     .lineLimit(1)
                     .truncationMode(.tail)
 
                 HStack(spacing: RunicSpacing.xs) {
                     Text(UsageFormatter.usdString(budget.monthlyLimit))
-                        .font(.footnote)
+                        .font(RunicFont.footnote)
                         .foregroundStyle(.secondary)
                     Text("Alert at \(String(format: "%.0f%%", budget.alertThreshold * 100))")
-                        .font(.footnote)
+                        .font(RunicFont.footnote)
                         .foregroundStyle(.secondary)
                 }
             }
@@ -378,14 +377,14 @@ struct AnalyticsPane: View {
             Spacer()
 
             Text(budget.enabled ? "Enabled" : "Disabled")
-                .font(.caption)
+                .font(RunicFont.caption)
                 .foregroundStyle(budget.enabled ? .green : .secondary)
 
             Button {
                 self.deleteBudget(budget)
             } label: {
                 Image(systemName: "trash")
-                    .font(.caption)
+                    .font(RunicFont.caption)
                     .foregroundStyle(.red)
             }
             .buttonStyle(.plain)
@@ -398,16 +397,14 @@ struct AnalyticsPane: View {
     // MARK: - Helpers
 
     private func severityBadge(_ severity: AlertRuleStore.AlertSeverity) -> some View {
-        let color: Color = {
-            switch severity {
-            case .info: return .blue
-            case .warning: return .orange
-            case .critical: return .red
-            }
-        }()
+        let color: Color = switch severity {
+        case .info: .blue
+        case .warning: .orange
+        case .critical: .red
+        }
 
         return Text(severity.rawValue.uppercased())
-            .font(.caption2.weight(.semibold))
+            .font(RunicFont.caption2.weight(.semibold))
             .padding(.horizontal, RunicSpacing.xs)
             .padding(.vertical, RunicSpacing.xxs)
             .background(color.opacity(0.2))
@@ -417,10 +414,10 @@ struct AnalyticsPane: View {
 
     private func alertTypeLabel(_ type: AlertRuleStore.AlertType) -> String {
         switch type {
-        case .projectBudget: return "Project Budget"
-        case .usageVelocity: return "Usage Velocity"
-        case .costAnomaly: return "Cost Anomaly"
-        case .quotaThreshold: return "Quota Threshold"
+        case .projectBudget: "Project Budget"
+        case .usageVelocity: "Usage Velocity"
+        case .costAnomaly: "Cost Anomaly"
+        case .quotaThreshold: "Quota Threshold"
         }
     }
 
@@ -493,11 +490,11 @@ private struct AnalyticsSectionDisclosureStyle: DisclosureGroupStyle {
             } label: {
                 HStack(spacing: RunicSpacing.xs) {
                     Image(systemName: configuration.isExpanded ? "chevron.down" : "chevron.right")
-                        .font(.caption.weight(.semibold))
+                        .font(RunicFont.caption.weight(.semibold))
                         .foregroundStyle(.secondary)
                         .frame(width: 12)
                     configuration.label
-                        .font(.caption)
+                        .font(RunicFont.caption)
                         .foregroundStyle(.secondary)
                         .textCase(.uppercase)
                     Spacer()
@@ -542,7 +539,7 @@ private struct AnalyticsRuleEditorSheet: View {
     var body: some View {
         VStack(spacing: RunicSpacing.lg) {
             Text(self.rule == nil ? "Add Alert Rule" : "Edit Alert Rule")
-                .font(.headline)
+                .font(RunicFont.headline)
 
             Form {
                 Picker("Alert Type", selection: self.$alertType) {
@@ -586,8 +583,7 @@ private struct AnalyticsRuleEditorSheet: View {
                         notifyWebhook: self.notifyWebhook,
                         webhookURL: self.webhookURL.isEmpty ? nil : self.webhookURL,
                         enabled: self.rule?.enabled ?? true,
-                        createdAt: self.rule?.createdAt ?? Date()
-                    )
+                        createdAt: self.rule?.createdAt ?? Date())
                     self.onSave(newRule)
                     self.dismiss()
                 }
@@ -613,7 +609,7 @@ private struct AnalyticsAddBudgetSheet: View {
     var body: some View {
         VStack(alignment: .leading, spacing: RunicSpacing.md) {
             Text("Add Budget")
-                .font(.title2)
+                .font(RunicFont.title2)
                 .fontWeight(.semibold)
 
             Form {

package/Sources/Runic/Views/Preferences/PreferencesBudgetsPane.swift

@@ -16,17 +16,17 @@ struct PreferencesBudgetsPane: View {
         VStack(alignment: .leading, spacing: RunicSpacing.md) {
             VStack(alignment: .leading, spacing: RunicSpacing.xs) {
                 Text("Project Budgets")
-                    .font(.title2)
+                    .font(RunicFont.title2)
                     .fontWeight(.semibold)
                 Text("Set monthly spending limits and alerts for projects.")
-                    .font(.subheadline)
+                    .font(RunicFont.subheadline)
                     .foregroundStyle(.secondary)
             }
 
             if self.budgets.isEmpty {
                 VStack(spacing: RunicSpacing.md) {
                     Text("No budgets configured")
-                        .font(.body)
+                        .font(RunicFont.body)
                         .foregroundStyle(.secondary)
                         .padding(.vertical, RunicSpacing.lg)
 
@@ -44,19 +44,19 @@ struct PreferencesBudgetsPane: View {
                     // Header
                     HStack(alignment: .center, spacing: RunicSpacing.sm) {
                         Text("Project")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                             .frame(width: 150, alignment: .leading)
                         Text("Monthly Limit")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                             .frame(width: 120, alignment: .leading)
                         Text("Alert at")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                             .frame(width: 80, alignment: .leading)
                         Text("Status")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                             .frame(width: 80, alignment: .leading)
                         Spacer()
@@ -107,11 +107,11 @@ struct PreferencesBudgetsPane: View {
             if let error = self.errorMessage {
                 HStack(alignment: .center, spacing: RunicSpacing.xs) {
                     Image(systemName: "exclamationmark.triangle.fill")
-                        .font(.caption)
+                        .font(RunicFont.caption)
                         .foregroundStyle(.red)
                         .alignmentGuide(.firstTextBaseline) { d in d[VerticalAlignment.center] }
                     Text(error)
-                        .font(.caption)
+                        .font(RunicFont.caption)
                         .foregroundStyle(.red)
                 }
                 .padding(RunicSpacing.xs)
@@ -262,20 +262,20 @@ private struct BudgetRow: View {
                         .controlSize(.small)
                 }
             } else {
-                Text(budget.projectName ?? budget.projectID)
-                    .font(.body)
+                Text(self.budget.projectName ?? self.budget.projectID)
+                    .font(RunicFont.body)
                     .frame(width: 150, alignment: .leading)
                     .lineLimit(1)
                     .truncationMode(.tail)
-                Text(UsageFormatter.usdString(budget.monthlyLimit))
-                    .font(.body)
+                Text(UsageFormatter.usdString(self.budget.monthlyLimit))
+                    .font(RunicFont.body)
                     .frame(width: 120, alignment: .leading)
-                Text(String(format: "%.0f%%", budget.alertThreshold * 100))
-                    .font(.body)
+                Text(String(format: "%.0f%%", self.budget.alertThreshold * 100))
+                    .font(RunicFont.body)
                     .frame(width: 80, alignment: .leading)
-                Text(budget.enabled ? "Enabled" : "Disabled")
-                    .font(.caption)
-                    .foregroundStyle(budget.enabled ? .green : .secondary)
+                Text(self.budget.enabled ? "Enabled" : "Disabled")
+                    .font(RunicFont.caption)
+                    .foregroundStyle(self.budget.enabled ? .green : .secondary)
                     .frame(width: 80, alignment: .leading)
                     .alignmentGuide(.firstTextBaseline) { d in d[VerticalAlignment.center] }
                 Spacer()
@@ -284,14 +284,14 @@ private struct BudgetRow: View {
                         self.onEdit()
                     } label: {
                         Image(systemName: "pencil")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                     }
                     .buttonStyle(.plain)
                     Button {
                         self.onDelete()
                     } label: {
                         Image(systemName: "trash")
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.red)
                     }
                     .buttonStyle(.plain)
@@ -316,7 +316,7 @@ private struct AddBudgetSheet: View {
     var body: some View {
         VStack(alignment: .leading, spacing: RunicSpacing.md) {
             Text("Add Budget")
-                .font(.title2)
+                .font(RunicFont.title2)
                 .fontWeight(.semibold)
 
             Form {

package/Sources/Runic/Views/Preferences/PreferencesComponents.swift

@@ -71,7 +71,7 @@ struct PreferenceToggleRow: View {
             HStack(alignment: .center, spacing: RunicSpacing.xs) {
                 Toggle(isOn: self.$binding) {
                     Text(self.title)
-                        .font(.body)
+                        .font(RunicFont.body)
                 }
                 .toggleStyle(.checkbox)
                 .alignmentGuide(.firstTextBaseline) { d in d[VerticalAlignment.center] }
@@ -79,7 +79,7 @@ struct PreferenceToggleRow: View {
 
             if let subtitle, !subtitle.isEmpty {
                 Text(subtitle)
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .foregroundStyle(.tertiary)
                     .fixedSize(horizontal: false, vertical: true)
             }
@@ -100,7 +100,7 @@ struct PreferenceStepperRow: View {
         VStack(alignment: .leading, spacing: RunicSpacing.xs) {
             HStack(spacing: RunicSpacing.sm) {
                 Text(self.title)
-                    .font(.body)
+                    .font(RunicFont.body)
                 Spacer()
                 PreferenceStepperControl(
                     valueLabel: self.valueLabel(self.value),
@@ -112,7 +112,7 @@ struct PreferenceStepperRow: View {
 
             if let subtitle, !subtitle.isEmpty {
                 Text(subtitle)
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .foregroundStyle(.tertiary)
                     .fixedSize(horizontal: false, vertical: true)
             }
@@ -146,7 +146,7 @@ private struct PreferenceStepperControl: View {
             .disabled(!self.canDecrement)
 
             Text(self.valueLabel)
-                .font(.footnote.weight(.semibold))
+                .font(RunicFont.footnote.weight(.semibold))
                 .foregroundStyle(.secondary)
                 .padding(.horizontal, RunicSpacing.sm)
                 .padding(.vertical, RunicSpacing.xxs)
@@ -187,11 +187,11 @@ struct SettingsSection<Content: View>: View {
         VStack(alignment: .leading, spacing: PreferencesLayoutMetrics.sectionHeaderSpacing) {
             if let title, !title.isEmpty {
                 Text(title)
-                    .font(.subheadline.weight(.semibold))
+                    .font(RunicFont.subheadline.weight(.semibold))
             }
             if let caption {
                 Text(caption)
-                    .font(.footnote)
+                    .font(RunicFont.footnote)
                     .foregroundStyle(.tertiary)
                     .fixedSize(horizontal: false, vertical: true)
             }