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/modals/AskOrganizerInquiry/AskOrganizerInquiryModal.view.tsx

@@ -76,7 +76,7 @@ export function AskOrganizerInquiryModalView({
       belowCard={
         <Link
           href="/"
-          className="font-inter font-normal text-[14px] leading-[20px] text-[var(--color-content-invert-tertiary,#2d2d2d)] text-center hover:opacity-90"
+          className="text-small-paragraph text-[var(--color-content-invert-tertiary,#2d2d2d)] text-center hover:opacity-90"
           onClick={() => onClose()}
         >
           {copy.backToHome}
@@ -85,10 +85,10 @@ export function AskOrganizerInquiryModalView({
     >
       {success ? (
         <div className="flex flex-col gap-3 py-2">
-          <p className="font-inter text-[18px] font-semibold leading-[24px] text-[var(--color-content-default-primary)]">
+          <p className="text-large-label text-[var(--color-content-default-primary)]">
             {copy.successTitle}
           </p>
-          <p className="font-inter text-[14px] leading-[20px] text-[var(--color-content-default-secondary)]">
+          <p className="text-small-paragraph text-[var(--color-content-default-secondary)]">
             {copy.successDescription}
           </p>
         </div>
@@ -102,7 +102,7 @@ export function AskOrganizerInquiryModalView({
           {formError ? (
             <p
               role="alert"
-              className="font-inter text-[14px] leading-[20px] text-[var(--color-border-default-negative-primary)]"
+              className="text-small-paragraph text-[var(--color-border-default-negative-primary)]"
             >
               {formError}
             </p>