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/(marketing)/blog/[slug]/page.tsx

@@ -23,7 +23,7 @@ const RelatedArticles = dynamic(
   () => import("../../../components/sections/RelatedArticles"),
   {
     loading: () => (
-      <section className="py-[var(--spacing-scale-032)] min-h-[400px]" />
+      <section className="py-[var(--space-800)] min-h-[400px]" />
     ),
     ssr: true,
   },
@@ -228,12 +228,12 @@ export default async function BlogPostPage({ params }: PageProps) {
             data-node-id="19031:10426"
             className="
               relative z-10 flex w-full justify-center
-              p-[var(--spacing-scale-024)]
-              sm:px-0 sm:py-[var(--spacing-scale-032)]
+              p-[var(--space-600)]
+              sm:px-0 sm:py-[var(--space-800)]
               xl:px-[calc(268/1440*100%)]
             "
           >
-            <div className="post-body w-full text-[var(--color-content-inverse-primary)] text-medium-paragraph sm:text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph sm:max-w-[390px] md:max-w-[472px] lg:max-w-[700px] xl:max-w-none">
+            <div className="post-body w-full text-[var(--color-content-invert-primary)] text-medium-paragraph sm:text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph sm:max-w-[390px] md:max-w-[472px] lg:max-w-[700px] xl:max-w-none">
               <div dangerouslySetInnerHTML={{ __html: post.htmlContent }} />
             </div>
           </article>