Adopt remaining typography token classes (CR-24)

Map exact size/weight/line-height combos onto existing text-* utilities across cards, sections, navigation, modals, controls, and create-flow. Leave unmappable combos hardcoded for design review.

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

app/components/controls/RadioGroup/RadioGroup.view.tsx

@@ -41,7 +41,7 @@ export function RadioGroupView({
               />
               <div className="flex flex-col gap-[4px] flex-1">
                 <span
-                  className={`font-inter text-[14px] leading-[20px] ${
+                  className={`text-small-paragraph ${
                     mode === "inverse"
                       ? "text-[var(--color-content-inverse-primary)]"
                       : "text-[var(--color-content-default-primary)]"
@@ -50,7 +50,7 @@ export function RadioGroupView({
                   {option.label}
                 </span>
                 <span
-                  className={`font-inter text-[14px] leading-[20px] ${
+                  className={`text-small-paragraph ${
                     mode === "inverse"
                       ? "text-[var(--color-content-inverse-secondary,#1f1f1f)]"
                       : "text-[var(--color-content-default-secondary,#b4b4b4)]"