Update CBS Mobile App codebase

src/modules/cards/components/CardItem.tsx

@@ -18,6 +18,7 @@ import Animated, {
 
 import type { BankCard } from '../../../types/app';
 import { getCardStatusLabel } from '../utils/cardCopy';
+import { fontFamily } from '../../../theme';
 
 interface CardItemProps {
   card: BankCard;
@@ -179,13 +180,13 @@ const styles = StyleSheet.create({
   brandName: {
     color: 'white',
     fontSize: 18,
-    fontWeight: '900',
+    fontFamily: fontFamily.bold,
     letterSpacing: -0.3,
   },
   cardMeta: {
     color: 'rgba(255,255,255,0.72)',
     fontSize: 10,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
     letterSpacing: 1.1,
     marginTop: 2,
   },
@@ -206,7 +207,7 @@ const styles = StyleSheet.create({
   statusBadgeText: {
     color: 'white',
     fontSize: 11,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
   },
   centerBlock: {
     gap: 10,
@@ -214,20 +215,20 @@ const styles = StyleSheet.create({
   cardName: {
     color: 'rgba(255,255,255,0.82)',
     fontSize: 12,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
     textTransform: 'uppercase',
     letterSpacing: 1,
   },
   cardNumber: {
     color: 'white',
     fontSize: 28,
-    fontWeight: '900',
+    fontFamily: fontFamily.bold,
     letterSpacing: 2,
   },
   holderName: {
     color: 'rgba(255,255,255,0.92)',
     fontSize: 14,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
     letterSpacing: 0.6,
   },
   footerRow: {
@@ -239,13 +240,13 @@ const styles = StyleSheet.create({
   footerLabel: {
     color: 'rgba(255,255,255,0.68)',
     fontSize: 9,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
     letterSpacing: 1,
   },
   footerValue: {
     color: 'white',
     fontSize: 13,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
     marginTop: 4,
   },
   flipHint: {
@@ -256,7 +257,7 @@ const styles = StyleSheet.create({
   flipText: {
     color: 'rgba(255,255,255,0.9)',
     fontSize: 12,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
   },
   magneticStrip: {
     height: 42,
@@ -280,13 +281,13 @@ const styles = StyleSheet.create({
   backLabel: {
     color: 'rgba(255,255,255,0.68)',
     fontSize: 10,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
     letterSpacing: 0.9,
   },
   backValue: {
     color: 'white',
     fontSize: 14,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
   },
   backFooter: {
     gap: 6,
@@ -294,7 +295,7 @@ const styles = StyleSheet.create({
   backSupport: {
     color: 'rgba(255,255,255,0.82)',
     fontSize: 12,
-    fontWeight: '600',
+    fontFamily: fontFamily.semibold,
   },
 });