add color transparent and a card variants

src/themes/Theme.tsx

@@ -14,6 +14,7 @@ const palette = {
 
 	black: "#0B0B0B",
 	white: "#FFFFFF",
+	transparent: "transparent",
 	green: "#00875A",
 	lightGray: "#F4F5F7",
 	gray: "#747E98",
@@ -30,6 +31,7 @@ const theme = createTheme({
 		tertiary: palette.yellow,
 		black: palette.black,
 		white: palette.white,
+		transparent: palette.transparent,
 		lightGray: palette.lightGray,
 		gray: palette.gray,
 		yellow: palette.yellow,

src/themes/variants/cardVariants.ts

+import { OVERLAY_BACKDROP_Z_INDEX } from "@/contexts/ModalsManagerContext";
 import { Dimensions } from "react-native";
 
 export const cardVariants = {
@@ -59,4 +60,12 @@ export const cardVariants = {
 		overflow: "hidden",
 		borderRadius: 15,
 	},
+	absoluteForegroundScreenSizedTransparentCard: {
+		width: "100%",
+		height: "100%",
+		position: "absolute",
+		backgroundColor: "transparent",
+		zIndex: OVERLAY_BACKDROP_Z_INDEX + 1,
+		margin: 0,
+	},
 };