fix(SW-719): add colors for biroscript

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 { getScriptFontColor } from "@/utils/cardScriptFontColor"
 import { getTheme } from "@/utils/cardTheme"
 import { getFontColor } from "@/utils/cardTitleFontColor"
 
@@ -30,9 +31,8 @@ export default function Card({
   onSecondaryButtonClick,
 }: CardProps) {
   const buttonTheme = getTheme(theme)
-  const titleFontColor = getFontColor(theme)
-
-  console.log("woop woop", titleFontColor)
+  const fontColor = getFontColor(theme)
+  const scriptFontColor = getScriptFontColor(theme)
 
   imageHeight = imageHeight || 320
 
@@ -68,6 +68,7 @@ export default function Card({
               className={styles.scriptedTitle}
               type="two"
               tilted="small"
+              color={scriptFontColor}
             >
               {scriptedTopTitle}
             </BiroScript>
@@ -78,7 +79,7 @@ export default function Card({
           level="h3"
           textAlign="center"
           textTransform="regular"
-          color={titleFontColor}
+          color={fontColor}
         >
           {heading}
         </Title>