Bob AI: The corners of elements are too sharp make them mo...

src/app/page.tsx

@@ -17,7 +17,7 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="pill"
       contentWidth="smallMedium"
       sizing="mediumLargeSizeMediumTitles"
       background="aurora"

src/app/styles/variables.css

@@ -124,6 +124,8 @@
   --padding-hero-page-padding: calc(var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10));
   --padding-hero-page-padding-1_5: calc(1.5 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
   --padding-hero-page-padding-double: calc(2 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
+
+  --border-radius: 25px;
 }
 
 @media (max-width: 767px) {
@@ -211,5 +213,7 @@
     --height-130: 117vw;
     --height-140: 126vw;
     --height-150: 135vw;
+
+    --border-radius: 25px;
   }
 }