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/sections/FeatureGrid/FeatureGrid.container.tsx

@@ -22,7 +22,7 @@ const FeatureGridContainer = memo<FeatureGridProps>(
           description: t(
             "pages.home.featureGrid.features.decisionMaking.description",
           ),
-          descriptionClassName: "text-[#3a3273]",
+          descriptionClassName: "text-[var(--color-content-invert-brand-lavender)]",
           iconSrc: getAssetPath(featureIconPath("git-branch")),
         },
         {
@@ -31,7 +31,7 @@ const FeatureGridContainer = memo<FeatureGridProps>(
           description: t(
             "pages.home.featureGrid.features.valuesAlignment.description",
           ),
-          descriptionClassName: "text-[#424f1a]",
+          descriptionClassName: "text-[var(--color-content-invert-brand-lime)]",
           iconSrc: getAssetPath(featureIconPath("arrow-left-right")),
         },
         {
@@ -40,7 +40,7 @@ const FeatureGridContainer = memo<FeatureGridProps>(
           description: t(
             "pages.home.featureGrid.features.membershipGuidance.description",
           ),
-          descriptionClassName: "text-[#5e2e23]",
+          descriptionClassName: "text-[var(--color-content-invert-brand-rust)]",
           iconSrc: getAssetPath(featureIconPath("door-open")),
         },
         {
@@ -49,7 +49,7 @@ const FeatureGridContainer = memo<FeatureGridProps>(
           description: t(
             "pages.home.featureGrid.features.conflictResolution.description",
           ),
-          descriptionClassName: "text-[#1f4d47]",
+          descriptionClassName: "text-[var(--color-content-invert-brand-teal)]",
           iconSrc: getAssetPath(featureIconPath("message-square-share")),
         },
       ],