diff --git a/.project_index.json b/.project_index.json
index 65e1f52..fb89e74 100644
--- a/.project_index.json
+++ b/.project_index.json
@@ -570,11 +570,11 @@
     "tags": [],
     "used_in": [
       "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
-      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
-      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
       "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
-      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx"
+      "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
+      "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
+      "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
+      "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2694,8 +2694,8 @@
     "role": "ui",
     "tags": [],
     "used_in": [
-      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
       "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
+      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
       "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
       "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx"
     ],
@@ -2748,17 +2748,17 @@
       "button"
     ],
     "used_in": [
-      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
-      "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
-      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
-      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
       "src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
-      "src/components/button/ButtonExpandHover.tsx",
-      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
-      "src/components/button/ButtonHoverBubble.tsx",
       "src/components/button/ButtonTextUnderline.tsx",
+      "src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
+      "src/components/button/ButtonIconArrow.tsx",
+      "src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
+      "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
+      "src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
+      "src/components/button/ButtonExpandHover.tsx",
+      "src/components/button/ButtonHoverBubble.tsx",
       "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
-      "src/components/button/ButtonIconArrow.tsx"
+      "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -2815,10 +2815,10 @@
       "button"
     ],
     "used_in": [
+      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
       "src/components/Textbox.tsx",
-      "src/components/navbar/NavbarStyleMinimal.tsx",
       "src/components/navbar/NavbarLayoutFloatingInline.tsx",
-      "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx"
+      "src/components/navbar/NavbarStyleMinimal.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3143,15 +3143,15 @@
       "product"
     ],
     "used_in": [
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
-      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
       "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
-      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
+      "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
+      "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.tsx"
+      "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
+      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3168,11 +3168,11 @@
     "role": "ui",
     "tags": [],
     "used_in": [
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
       "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
-      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
       "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/CardStack.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.tsx"
+      "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
+      "src/components/cardStack/CardStack.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
@@ -3389,11 +3389,11 @@
       "product"
     ],
     "used_in": [
-      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/grid/GridLayout.tsx",
       "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx",
       "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
-      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
-      "src/components/cardStack/layouts/grid/GridLayout.tsx"
+      "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
+      "src/components/cardStack/layouts/carousels/ButtonCarousel.tsx"
     ],
     "can_modify_directly": true,
     "can_delete": true,
diff --git a/src/app/globals.css b/src/app/globals.css
index 3d498a9..6ee582f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -12,7 +12,7 @@
   --accent: #ffffff;;
   --background-accent: #ffffff;; */
 
-  --background: #79663d;;
+  --background: #1b5e20; --foreground: #ffffff; --primary-cta: #22c55e; --secondary-cta: #16a34a; --accent: #22c55e; --background-accent: #16a34a; ;
   --card: #dad6cd;;
   --foreground: #2a2928;;
   --primary-cta: #2a2928;;
@@ -66,7 +66,7 @@
   --width-26: clamp(19.5rem, 26vw, 26rem);
   --width-27_5: clamp(20.625rem, 27.5vw, 27.5rem);
   --width-30: clamp(22.5rem, 30vw, 30rem);
-  --width-32_5: clamp(24.375rem, 32.5vw, 32.5rem); /* Added a semicolon at the end */
+  --width-32_5: clamp(24.375rem, 32.5vw, 32.5rem);
   --width-35: clamp(26.25rem, 35vw, 35rem);
   --width-37_5: clamp(28.125rem, 37.5vw, 37.5rem);
   --width-40: clamp(30rem, 40vw, 40rem);
@@ -158,7 +158,7 @@
     --width-22_5: 22.5vw;
     --width-25: 25vw;
     --width-27_5: 27.5vw;
-    --width-30: 30vw;
+    --width-30: 30vw;vw;
     --width-32_5: 32.5vw;
     --width-35: 35vw;
     --width-37_5: 37.5vw;