refactoring

lib/shared/design_system/tokens/typography_tokens.dart

@@ -5,6 +5,7 @@
 library typography_tokens;
 
 import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'color_tokens.dart';
 
 /// Tokens typographiques - Système de texte moderne
@@ -15,12 +16,12 @@ class TypographyTokens {
   // FAMILLES DE POLICES
   // ═══════════════════════════════════════════════════════════════════════════
   
-  /// Police principale - Inter (moderne et lisible)
-  static const String primaryFontFamily = 'Inter';
-  
-  /// Police secondaire - SF Pro Display (élégante)
-  static const String secondaryFontFamily = 'SF Pro Display';
-  
+  /// Police principale - Roboto (Google Fonts, cross-platform)
+  static const String primaryFontFamily = 'Roboto';
+
+  /// Police display - Roboto (Google Fonts, titres)
+  static const String displayFontFamily = 'Roboto';
+
   /// Police monospace - JetBrains Mono (code et données)
   static const String monospaceFontFamily = 'JetBrains Mono';
 
@@ -28,33 +29,30 @@ class TypographyTokens {
   // ÉCHELLE TYPOGRAPHIQUE - Basée sur Material Design 3
   // ═══════════════════════════════════════════════════════════════════════════
   
-  /// Display - Titres principaux et héros
-  static const TextStyle displayLarge = TextStyle(
-    fontFamily: primaryFontFamily,
-    fontSize: 57.0,
-    fontWeight: FontWeight.w400,
-    letterSpacing: -0.25,
-    height: 1.12,
-    color: ColorTokens.onSurface,
-  );
-  
-  static const TextStyle displayMedium = TextStyle(
-    fontFamily: primaryFontFamily,
-    fontSize: 45.0,
-    fontWeight: FontWeight.w400,
-    letterSpacing: 0.0,
-    height: 1.16,
-    color: ColorTokens.onSurface,
-  );
-  
-  static const TextStyle displaySmall = TextStyle(
-    fontFamily: primaryFontFamily,
-    fontSize: 36.0,
-    fontWeight: FontWeight.w400,
-    letterSpacing: 0.0,
-    height: 1.22,
-    color: ColorTokens.onSurface,
-  );
+  /// Display — Titres principaux (Roboto via GoogleFonts)
+  static TextStyle get displayLarge => GoogleFonts.roboto(
+        fontSize: 32.0,
+        fontWeight: FontWeight.w700,
+        letterSpacing: -0.5,
+        height: 1.2,
+        color: ColorTokens.onSurface,
+      );
+
+  static TextStyle get displayMedium => GoogleFonts.roboto(
+        fontSize: 28.0,
+        fontWeight: FontWeight.w700,
+        letterSpacing: -0.25,
+        height: 1.25,
+        color: ColorTokens.onSurface,
+      );
+
+  static TextStyle get displaySmall => GoogleFonts.roboto(
+        fontSize: 24.0,
+        fontWeight: FontWeight.w600,
+        letterSpacing: 0.0,
+        height: 1.3,
+        color: ColorTokens.onSurface,
+      );
 
   /// Headline - Titres de sections
   static const TextStyle headlineLarge = TextStyle(