19

lib/constant/style.dart

@@ -6,59 +6,81 @@ import 'box_name.dart';
 import 'colors.dart';
 
 class AppStyle {
-  static TextStyle headTitle = const TextStyle(
-    fontWeight: FontWeight.bold,
-    fontSize: 40,
-    color: AppColor.accentColor,
-  );
-  static TextStyle headTitle2 = const TextStyle(
-    fontWeight: FontWeight.bold,
-    fontSize: 26,
-    color: AppColor.primaryColor,
-  );
-  static TextStyle title = const TextStyle(
-    fontWeight: FontWeight.bold,
-    fontSize: 16,
-    color: AppColor.primaryColor,
-  );
-  static TextStyle subtitle = const TextStyle(
-    fontWeight: FontWeight.bold,
-    fontSize: 13,
-    color: AppColor.primaryColor,
-  );
-  static TextStyle number = const TextStyle(
-    fontWeight: FontWeight.bold,
-    fontSize: 14,
-    color: AppColor.primaryColor,
+  // --- Typography ---
+  
+  static TextStyle display = GoogleFonts.inter(
+    fontWeight: FontWeight.w800,
+    fontSize: 32,
+    color: AppColor.textPrimary,
+    letterSpacing: -1,
   );
 
-  static BoxDecoration boxDecoration = const BoxDecoration(
-      borderRadius: BorderRadius.all(Radius.circular(12)),
-      color: AppColor.secondaryColor,
-      boxShadow: [
-        BoxShadow(
-            color: AppColor.accentColor,
-            offset: Offset(-3, -3),
-            blurRadius: 0,
-            spreadRadius: 0,
-            blurStyle: BlurStyle.outer),
-        BoxShadow(
-            color: AppColor.accentColor,
-            offset: Offset(3, 3),
-            blurRadius: 0,
-            spreadRadius: 0,
-            blurStyle: BlurStyle.outer)
-      ]);
-  static BoxDecoration boxDecoration1 = const BoxDecoration(
-    boxShadow: [
-      BoxShadow(
-          color: AppColor.accentColor, blurRadius: 5, offset: Offset(2, 4)),
-      BoxShadow(
-          color: AppColor.accentColor, blurRadius: 5, offset: Offset(-2, -2))
-    ],
-    color: AppColor.secondaryColor,
-    borderRadius: BorderRadius.all(
-      Radius.elliptical(15, 30),
-    ),
+  static TextStyle headTitle = GoogleFonts.cairo(
+    fontWeight: FontWeight.bold,
+    fontSize: 24,
+    color: AppColor.textPrimary,
   );
+
+  static TextStyle title = GoogleFonts.inter(
+    fontWeight: FontWeight.w600,
+    fontSize: 16,
+    color: AppColor.textPrimary,
+  );
+
+  static TextStyle subtitle = GoogleFonts.inter(
+    fontWeight: FontWeight.w500,
+    fontSize: 14,
+    color: AppColor.textSecondary,
+  );
+
+  static TextStyle body = GoogleFonts.inter(
+    fontWeight: FontWeight.normal,
+    fontSize: 14,
+    color: AppColor.textPrimary,
+  );
+
+  static TextStyle caption = GoogleFonts.inter(
+    fontWeight: FontWeight.w400,
+    fontSize: 12,
+    color: AppColor.textMuted,
+  );
+
+  static TextStyle number = GoogleFonts.jetBrainsMono(
+    fontWeight: FontWeight.bold,
+    fontSize: 15,
+    color: AppColor.accent,
+  );
+
+  // --- Decorations ---
+
+  static BoxDecoration cardDecoration = BoxDecoration(
+    color: AppColor.surface,
+    borderRadius: BorderRadius.circular(16),
+    border: Border.all(color: AppColor.divider, width: 1),
+    boxShadow: const [
+      BoxShadow(
+        color: AppColor.cardShadow,
+        blurRadius: 20,
+        offset: Offset(0, 8),
+      ),
+    ],
+  );
+
+  static BoxDecoration elevatedCard = BoxDecoration(
+    color: AppColor.surfaceElevated,
+    borderRadius: BorderRadius.circular(20),
+    border: Border.all(color: AppColor.accentBorder, width: 1),
+  );
+
+  static BoxDecoration glassDecoration = BoxDecoration(
+    color: AppColor.surfaceGlass,
+    borderRadius: BorderRadius.circular(24),
+    border: Border.all(color: AppColor.divider, width: 1),
+  );
+
+  // --- Legacy Mappings ---
+  static TextStyle headTitle2 = headTitle;
+  static BoxDecoration boxDecoration = cardDecoration;
+  static BoxDecoration boxDecoration1 = elevatedCard;
 }
+