fix(SW-719): title font colors

components/TempDesignSystem/Card/index.tsx

@@ -5,6 +5,7 @@ import Button from "@/components/TempDesignSystem/Button"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getFontColor } from "@/utils/cardFontColor"
 import { getTheme } from "@/utils/cardTheme"
 
 import { cardVariants } from "./variants"
@@ -29,6 +30,9 @@ export default function Card({
   onSecondaryButtonClick,
 }: CardProps) {
   const buttonTheme = getTheme(theme)
+  const titleFontColor = getFontColor(theme)
+
+  console.log("woop woop", titleFontColor)
 
   imageHeight = imageHeight || 320
 
@@ -71,10 +75,10 @@ export default function Card({
         ) : null}
         <Title
           as="h4"
-          className={styles.heading}
           level="h3"
           textAlign="center"
           textTransform="regular"
+          color={titleFontColor}
         >
           {heading}
         </Title>