diff --git a/src/components/insights/personal-record-badge.tsx b/src/components/insights/personal-record-badge.tsx
index 9b0c526c3..0e7b5842f 100644
--- a/src/components/insights/personal-record-badge.tsx
+++ b/src/components/insights/personal-record-badge.tsx
@@ -110,7 +110,12 @@ export function PersonalRecordBadge({
       data-slot="insights-pr-badge"
       data-metric-type={metricType}
       className={cn(
-        "border-dracula-green/40 bg-dracula-green/10 text-dracula-green inline-flex shrink-0 items-center rounded-full border px-1.5 py-0.5 text-[10px] leading-none font-semibold tracking-wide tabular-nums uppercase",
+        // `--success` resolves to the AA-tuned green per theme: a deep
+        // forest green on the light card (#14720a) and Dracula's neon
+        // green on the dark card (#50fa7b). Both clear 4.5:1 against
+        // their card background — the previous `text-dracula-green` on
+        // `bg-dracula-green/10` measured ~2.6:1 in dark mode.
+        "border-success/40 bg-success/15 text-success inline-flex shrink-0 items-center rounded-full border px-1.5 py-0.5 text-[10px] leading-none font-semibold tracking-wide tabular-nums uppercase",
         className,
       )}
       aria-label={t("insights.personalRecord.badge")}