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

@@ -28,7 +28,7 @@ export function CreateFlowFooterView({
       <div className={CREATE_FLOW_PAGE_GUTTER_CLASS}>
         <div className={`mx-auto w-full ${contentMaxClass}`}>
           {progressBar && (
-            <div className="pt-[var(--spacing-measures-spacing-300,12px)]">
+            <div className="pt-[var(--space-300)]">
               <ProportionBar
                 progress={proportionBarProgress}
                 variant={proportionBarVariant}
@@ -36,12 +36,12 @@ export function CreateFlowFooterView({
             </div>
           )}
 
-          <div className="flex items-center justify-between py-[var(--spacing-measures-spacing-300,12px)] gap-[var(--spacing-measures-spacing-300,12px)]">
+          <div className="flex items-center justify-between py-[var(--space-300)] gap-[var(--space-300)]">
             <Button
               buttonType="ghost"
               palette="default"
               size="xsmall"
-              className="!text-x-small-label md:!text-small-label !px-[var(--spacing-measures-spacing-200,8px)] md:!px-[var(--spacing-measures-spacing-250,10px)] !py-[var(--spacing-measures-spacing-200,8px)] md:!py-[var(--spacing-measures-spacing-250,10px)]"
+              className="!text-x-small-label md:!text-small-label !px-[var(--space-200)] md:!px-[var(--space-250)] !py-[var(--space-200)] md:!py-[var(--space-250)]"
               onClick={onBackClick}
               disabled={!onBackClick}
             >