Feat: Login Screen design

lib/config/routes.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:kmobile/features/auth/screens/mpin_screen.dart';
 import '../features/auth/screens/login_screen.dart';
 // import '../features/auth/screens/forgot_password_screen.dart';
 // import '../features/auth/screens/register_screen.dart';
@@ -15,6 +16,7 @@ class AppRoutes {
   // Route names
   static const String splash = '/';
   static const String login = '/login';
+  static const String mPin = '/mPin';
   static const String register = '/register';
   static const String forgotPassword = '/forgot-password';
   static const String dashboard = '/dashboard';
@@ -27,6 +29,9 @@ class AppRoutes {
     switch (settings.name) {
       case login:
         return MaterialPageRoute(builder: (_) => const LoginScreen());
+
+      case mPin:
+        return MaterialPageRoute(builder: (_) => const MPinScreen());
       
       case register:
         // Placeholder - create the RegisterScreen class and uncomment

lib/config/themes.dart

@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 class AppThemes {
   // Private constructor to prevent instantiation
   AppThemes._();
-  
+
   // Light theme colors
   static const Color _primaryColorLight = Color(0xFF1E88E5); // Blue 600
   static const Color _secondaryColorLight = Color(0xFF26A69A); // Teal 400
@@ -22,51 +22,61 @@ class AppThemes {
       fontSize: 96,
       fontWeight: FontWeight.w300,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     displayMedium: TextStyle(
       fontSize: 60,
       fontWeight: FontWeight.w300,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     displaySmall: TextStyle(
       fontSize: 48,
       fontWeight: FontWeight.w400,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     headlineMedium: TextStyle(
       fontSize: 34,
       fontWeight: FontWeight.w400,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     headlineSmall: TextStyle(
       fontSize: 24,
       fontWeight: FontWeight.w400,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     titleLarge: TextStyle(
       fontSize: 20,
       fontWeight: FontWeight.w500,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     bodyLarge: TextStyle(
       fontSize: 16,
       fontWeight: FontWeight.w400,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     bodyMedium: TextStyle(
       fontSize: 14,
       fontWeight: FontWeight.w400,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
     bodySmall: TextStyle(
       fontSize: 12,
       fontWeight: FontWeight.w400,
       color: Color(0xFF757575),
+      fontFamily: 'Rubik',
     ),
     labelLarge: TextStyle(
       fontSize: 14,
       fontWeight: FontWeight.w500,
       color: Color(0xFF212121),
+      fontFamily: 'Rubik',
     ),
   );
   
@@ -86,6 +96,7 @@ class AppThemes {
   // Light theme
   static final ThemeData lightTheme = ThemeData(
     useMaterial3: true,
+    fontFamily: 'Rubik',
     colorScheme: const ColorScheme.light(
       primary: _primaryColorLight,
       secondary: _secondaryColorLight,
@@ -167,6 +178,7 @@ class AppThemes {
 
   // Dark theme
   static final ThemeData darkTheme = ThemeData(
+    fontFamily: 'Rubik',
     useMaterial3: true,
     colorScheme: const ColorScheme.dark(
       primary: _primaryColorDark,