fix(bloatmac): light-mode contrast on in-window menubar widget popover

The popover used `.ultraThinMaterial` with `.foregroundStyle(.white)` —
fine in dark mode but in light mode the white "BloatMac"/"Storage"/
"445 GB used"/"50 GB free" labels rendered nearly invisible against the
light material (the screenshot showed ~1.5:1 contrast, well below
WCAG AA's 4.5:1 minimum for body text).

Replace the material background with `Tokens.bgPanel` (already
theme-aware) and route every Text foregroundStyle through Tokens.text /
.text2 / .text3 so contrast stays correct in both themes. Same shadow
treatment, dropped to opacity 0.30 since it no longer needs to rescue a
translucent panel against a bright window.

Border switches to `Tokens.border` so it tracks the rest of the UI's
hairline treatment instead of a hardcoded white-12%.

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

Author: akhil-gautam

bloatmac/bloatmac/Overlays/Overlays.swift

@@ -82,17 +82,26 @@ struct MenuBarWidgetPopover: View {
             HStack(spacing: 8) {
                 BrandMark()
                 Text("BloatMac").font(.system(size: 12, weight: .bold))
+                    .foregroundStyle(Tokens.text)
                 Spacer()
                 Button("Open app ›") { state.widgetOpen = false }
-                    .buttonStyle(.plain).font(.system(size: 11)).opacity(0.7)
+                    .buttonStyle(.plain).font(.system(size: 11))
+                    .foregroundStyle(Tokens.text2)
             }
             HStack(spacing: 12) {
-                Ring(value: pct, size: 56, stroke: 6, color: pct > 0.85 ? Tokens.danger : pct > 0.7 ? Tokens.warn : Tokens.good,
+                Ring(value: pct, size: 56, stroke: 6,
+                     color: pct > 0.85 ? Tokens.danger : pct > 0.7 ? Tokens.warn : Tokens.good,
                      label: "\(Int((pct * 100).rounded()))%")
                 VStack(alignment: .leading, spacing: 2) {
-                    Text("Storage").font(.system(size: 11, weight: .semibold)).opacity(0.7)
-                    Text("\(Int(live.usedGB.rounded())) GB used").font(.system(size: 14, weight: .bold))
-                    Text("\(Int(live.freeGB.rounded())) GB free").font(.system(size: 11)).opacity(0.7)
+                    Text("Storage")
+                        .font(.system(size: 11, weight: .semibold))
+                        .foregroundStyle(Tokens.text3)
+                    Text("\(Int(live.usedGB.rounded())) GB used")
+                        .font(.system(size: 14, weight: .bold))
+                        .foregroundStyle(Tokens.text)
+                    Text("\(Int(live.freeGB.rounded())) GB free")
+                        .font(.system(size: 11))
+                        .foregroundStyle(Tokens.text3)
                 }
                 Spacer()
             }.padding(.top, 12)
@@ -104,13 +113,12 @@ struct MenuBarWidgetPopover: View {
         }
         .padding(14)
         .frame(width: 280)
-        .background(.ultraThinMaterial)
-        .overlay(RoundedRectangle(cornerRadius: 12).stroke(.white.opacity(0.12)))
+        .background(Tokens.bgPanel)
+        .overlay(RoundedRectangle(cornerRadius: 12).stroke(Tokens.border))
         .clipShape(RoundedRectangle(cornerRadius: 12))
-        .shadow(color: .black.opacity(0.5), radius: 32, y: 12)
+        .shadow(color: .black.opacity(0.30), radius: 28, y: 10)
         .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topTrailing)
         .padding(.top, 64).padding(.trailing, 60)
-        .foregroundStyle(.white)
     }
 }