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>

tests/unit/CardSteps.test.jsx

@@ -105,7 +105,7 @@ describe("CardSteps Component", () => {
     const section = document.querySelector("section");
     expect(section).toHaveClass(
       "bg-transparent",
-      "py-[var(--spacing-scale-032)]",
+      "py-[var(--space-800)]",
     );
   });
 
@@ -172,8 +172,8 @@ describe("CardSteps Component", () => {
 
     const section = document.querySelector("section");
     expect(section).toHaveClass(
-      "py-[var(--spacing-scale-032)]",
-      "sm:py-[var(--spacing-scale-048)]",
+      "py-[var(--space-800)]",
+      "sm:py-[var(--space-1200)]",
     );
   });