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)/rules/[id]/page.tsx

@@ -64,7 +64,7 @@ export default async function PublicRuleDetailPage({ params }: PageProps) {
 
   return (
     <article className="min-h-screen bg-[var(--color-teal-teal50,#c9fef9)]">
-      <div className="mx-auto flex max-w-[1200px] flex-col gap-[var(--measures-spacing-1200,48px)] px-5 py-[var(--spacing-scale-048,48px)] md:px-12 md:py-[var(--spacing-scale-064,64px)]">
+      <div className="mx-auto flex max-w-[1200px] flex-col gap-[var(--space-1200)] px-5 py-[var(--space-1200)] md:px-12 md:py-[var(--space-1800)]">
         <HeaderLockup
           title={rule.title}
           description={description}