default hero text color to white + cleanup

Author: pettinarip

src/components/PageHero.tsx

@@ -59,24 +59,22 @@ const PageHero = ({
       )}
     >
       <div
-        // TODO: container.sm width unavailable
         className={cn(
           "max-w-full lg:max-w-[640px]",
-
           isReverse ? "pb-8 pt-0" : "pb-0 pt-8",
           "lg:pb-32 lg:pt-16",
           "ps-0 lg:ps-8",
           "me-0 lg:me-4"
         )}
       >
-        <h1 className="mb-4 mt-0 text-md font-normal uppercase !leading-[1.4] text-text-300 lg:mt-8">
+        <h1 className="mb-4 mt-0 text-md font-normal uppercase !leading-[1.4] lg:mt-8">
           {title}
         </h1>
 
         <h2 className="mb-0 mt-8 max-w-full text-[2.5rem] font-bold !leading-[1.4] lg:mt-12 lg:text-5xl">
           {header}
         </h2>
-        <p className="mb-8 mt-4 text-xl !leading-[1.4] text-text-200 lg:text-2xl">
+        <p className="mb-8 mt-4 text-xl !leading-[1.4] lg:text-2xl">
           {subtitle}
         </p>
 

src/styles/global.css

@@ -127,8 +127,6 @@
       rgba(145, 234, 228, 0.2) 100%
     );
     --search-background: var(--background);
-    --text-200: #666666;
-    --text-300: #4c4c4c;
   }
 
   [data-theme="dark"] {
@@ -197,8 +195,6 @@
       rgba(134, 253, 232, 0.08) 100%
     );
     --search-background: #4c4c4c;
-    --text-200: #b2b2b2;
-    --text-300: #cccccc;
   }
 }
 

tailwind.config.ts

@@ -102,10 +102,6 @@ const config = {
           800: "var(--orange-800)",
           900: "var(--orange-900)",
         },
-        text: {
-          200: "var(--text-200)",
-          300: "var(--text-300)",
-        },
         primary: {
           DEFAULT: "var(--primary)",
           "high-contrast": "var(--primary-high-contrast)",