Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/cards/Rule/Rule.view.tsx

@@ -233,10 +233,10 @@ export function RuleView({
   const borderRadiusClass = className?.includes("rounded-")
     ? "" // If className already has border radius, don't add size-based one
     : isExtraSmall
-      ? "rounded-[var(--measures-radius-200,8px)]"
+      ? "rounded-[var(--radius-200)]"
       : isSmall
-        ? "rounded-[var(--measures-radius-300,12px)]"
-        : "rounded-[var(--radius-measures-radius-small)]";
+        ? "rounded-[var(--radius-300)]"
+        : "rounded-[var(--radius-300)]";
 
   function renderBottomLink(link: RuleBottomLink) {
     const shared = {