Bob AI: Okay actually change it to green

Merge version_5 into main

src/app/page.tsx

@@ -262,6 +262,10 @@ export default function LandingPage() {
             planButtonClassName="bg-blue-500 text-white hover:bg-blue-600"
             featuresClassName="mt-4"
             featureItemClassName="text-gray-600"
+            planTitleClassName="text-2xl font-bold"
+            planSubtitleClassName="text-gray-500"
+            planPriceClassName="text-3xl font-bold"
+            planFeatureClassName="text-gray-600"
         />
       </div>
 

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #fffafa;;
-  --card: #fff7f7;;
-  --foreground: #1a0000;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
-  --accent: #f5c4c7;;
-  --background-accent: #f09199;; */
+  --card: #f0fff0;;
+  --foreground: "Inter", sans-serif;;
+  --primary-cta: #28a745;;
+  --secondary-cta: "Inter", sans-serif;;
+  --accent: #90ee90;;
+  --background-accent: #20b2aa;; */
 
-  --background: #fffafa;;
-  --card: #fff7f7;;
-  --foreground: #1a0000;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
-  --accent: #f5c4c7;;
-  --background-accent: #f09199;;
+  --background: #f5fffa;;
+  --card: #f0fff0;;
+  --foreground: "Inter", sans-serif;;
+  --primary-cta: #28a745;;
+  --secondary-cta: "Inter", sans-serif;;
+  --accent: #90ee90;;
+  --background-accent: #20b2aa;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/sections/pricing/PricingCardTwo.tsx

@@ -167,8 +167,8 @@ const PricingCardTwo = ({
     textBoxTitleImageClassName = "",
     textBoxDescriptionClassName = "",
     badgeClassName = "",
-    priceClassName = "",
-    subtitleClassName = "",
+    priceClassName = "text-5xl font-medium",
+    subtitleClassName = "text-base",
     planButtonContainerClassName = "",
     planButtonClassName = "",
     featuresClassName = "",