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/SelectInput/SelectInput.view.tsx

@@ -80,7 +80,7 @@ export function SelectInputView({
   // Styles based on Figma design
   const containerClasses = "flex flex-col gap-[8px]";
   const labelClasses =
-    "text-[14px] leading-[20px] font-medium font-inter text-[var(--color-content-default-primary)]";
+    "text-[14px] leading-[20px] font-medium text-[var(--color-content-default-primary)]";
 
   // Button styles per Figma
   const getButtonClasses = (): string => {
@@ -89,9 +89,7 @@ export function SelectInputView({
       h-[40px]
       px-[12px]
       py-[8px]
-      text-[16px]
-      font-medium
-      leading-[20px]
+      text-medium-label
       rounded-[8px]
       border
       border-solid
@@ -153,7 +151,7 @@ export function SelectInputView({
               {label}
             </label>
             {asterisk && (
-              <span className="text-[var(--color-content-default-negative-primary,#ea4845)] text-[10px] leading-[12px] font-medium">
+              <span className="text-[var(--color-content-default-negative-primary,#ea4845)] text-xx-small-label">
                 *
               </span>
             )}
@@ -169,7 +167,7 @@ export function SelectInputView({
             )}
           </div>
           {textOptional && (
-            <span className="text-[var(--color-content-default-tertiary,#b4b4b4)] text-[10px] leading-[14px] font-normal">
+            <span className="text-[var(--color-content-default-tertiary,#b4b4b4)] text-xx-small-paragraph">
               Optional text
             </span>
           )}
@@ -271,7 +269,7 @@ export function SelectInputView({
       </div>
       {textHint && (
         <div className="flex items-start relative shrink-0 w-full">
-          <p className="flex-[1_0_0] font-inter font-normal leading-[16px] min-h-px min-w-px relative text-[color:var(--color-content-default-tertiary,#b4b4b4)] text-[length:var(--sizing-300,12px)]">
+          <p className="flex-[1_0_0] text-x-small-paragraph min-h-px min-w-px relative text-[color:var(--color-content-default-tertiary,#b4b4b4)]">
             {hintDefault}
           </p>
         </div>