Update src/app/page.tsx

src/app/globals.css

@@ -4,37 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #1d2b2b;;
-  --card: #2e4444;;
-  --foreground: #d0f0c0;;
+  --background: #1d2b2b;;
+  --card: #2e4c4c;;
+  --foreground: #ffffff;;
   --primary-cta: #4caf50;;
   --secondary-cta: #8bc34a;;
   --accent: #4caf50;;
-  --background-accent: #2e4444;; */
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #ff8c42;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
-
-  /* text sizing - set by ThemeProvider */
-  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-  --text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
-  --text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
-  --text-base: clamp(0.69rem, 0.92vw, 0.92rem);
-  --text-lg: clamp(0.75rem, 1vw, 1rem);
-  --text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
-  --text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
-  --text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
-  --text-4xl: clamp(1.5rem, 2vw, 2rem);
-  --text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
-  --text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
-  --text-7xl: clamp(3rem, 4vw, 4rem);
-  --text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
-  --text-9xl: clamp(5.25rem, 7vw, 7rem); */
-
+  --background-accent: #2e4c4c;;
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);
   --vw-0_5: calc(var(--vw) * 0.5);
@@ -130,22 +106,6 @@
 @media (max-width: 767px) {
   :root {
     /* --vw and text sizing are set by ThemeProvider */
-    /* --vw: 3vw;
-
-    --text-2xs: 2.5vw;
-    --text-xs: 2.75vw;
-    --text-sm: 3vw;
-    --text-base: 3.25vw;
-    --text-lg: 3.5vw;
-    --text-xl: 4.25vw;
-    --text-2xl: 5vw;
-    --text-3xl: 6vw;
-    --text-4xl: 7vw;
-    --text-5xl: 7.5vw;
-    --text-6xl: 8.5vw;
-    --text-7xl: 10vw;
-    --text-8xl: 12vw;
-    --text-9xl: 14vw; */
 
     --width-5: 5vw;
     --width-7_5: 7.5vw;
@@ -591,4 +551,4 @@ h4,
 h5,
 h6 {
   font-family: var(--font-noto-sans), sans-serif;
-}
+}

src/components/sections/contact/ContactCenter.tsx

@@ -56,7 +56,7 @@ const ContactCenter = ({
     return (
         <section aria-label={ariaLabel} className={cls("relative py-20 w-full", useInvertedBackground === "invertDefault" && "bg-foreground", className)}>
             <div className={cls("w-content-width mx-auto", containerClassName)}>
-                <div className={cls("w-full card p-6 md:p-0 py-20 md:py-20 rounded-theme-capped flex items-center justify-center", contentClassName)}>
+                <div className={cls("w-full card p-6 md:p-0 py-20 md:py-20 rounded-theme-capped flex items-center justify-center bg-blue-500", contentClassName)}>
                     <div className="relative z-1 w-full md:w-1/2">
                         <ContactForm
                             tag={tag}