Refactoring - Version OK

unionflow-mobile-apps/lib/features/backup/presentation/pages/backup_page.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
+import '../../../../shared/design_system/tokens/color_tokens.dart';
+import '../../../../shared/design_system/tokens/spacing_tokens.dart';
 
 /// Page Sauvegarde & Restauration - UnionFlow Mobile
-/// 
+///
 /// Page complète de gestion des sauvegardes avec création, restauration,
 /// planification et monitoring des sauvegardes système.
 class BackupPage extends StatefulWidget {
@@ -37,7 +39,7 @@ class _BackupPageState extends State<BackupPage>
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: const Color(0xFFF8F9FA),
+      backgroundColor: ColorTokens.background,
       body: Column(
         children: [
           _buildHeader(),
@@ -60,18 +62,18 @@ class _BackupPageState extends State<BackupPage>
   /// Header harmonisé
   Widget _buildHeader() {
     return Container(
-      margin: const EdgeInsets.all(12),
-      padding: const EdgeInsets.all(20),
+      margin: const EdgeInsets.all(SpacingTokens.lg),
+      padding: const EdgeInsets.all(SpacingTokens.xl),
       decoration: BoxDecoration(
         gradient: const LinearGradient(
-          colors: [Color(0xFF6C5CE7), Color(0xFF5A4FCF)],
+          colors: ColorTokens.primaryGradient,
           begin: Alignment.topLeft,
           end: Alignment.bottomRight,
         ),
-        borderRadius: BorderRadius.circular(16),
+        borderRadius: BorderRadius.circular(SpacingTokens.radiusXl),
         boxShadow: [
           BoxShadow(
-            color: const Color(0xFF6C5CE7).withOpacity(0.3),
+            color: ColorTokens.primary.withOpacity(0.3),
             blurRadius: 20,
             offset: const Offset(0, 8),
           ),