docs(theme): update documentation and clean up deprecated color scheme definitions

Removed outdated compatibility aliases and deprecated methods from AppColorScheme,
and updated CLAUDE.md to reflect new theme system requirements with centralized
color management and no hard-coded values in UI components.

flutter_monisuo/lib/ui/pages/home/header_bar.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
 import 'package:provider/provider.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
+import '../../../core/theme/app_theme.dart';
+import '../../../core/theme/app_color_scheme.dart';
+import '../../../core/theme/app_spacing.dart';
 import '../../../providers/auth_provider.dart';
 
 /// 首页顶栏 - Logo + 搜索/通知/头像
@@ -14,19 +16,17 @@ class HeaderBar extends StatelessWidget {
 
     return Padding(
       padding: const EdgeInsets.symmetric(
-        horizontal: 16,
-        vertical: 8,
+        horizontal: AppSpacing.md,
+        vertical: AppSpacing.sm,
       ),
       child: Row(
         children: [
           // Logo
           Text(
             'MONISUO',
-            style: GoogleFonts.inter(
+            style: AppTextStyles.headlineLarge(context).copyWith(
               fontSize: 18,
-              fontWeight: FontWeight.w700,
               letterSpacing: 1,
-              color: colorScheme.onSurface,
             ),
           ),
           const Spacer(),
@@ -36,14 +36,14 @@ class HeaderBar extends StatelessWidget {
             colorScheme: colorScheme,
             onTap: () {},
           ),
-          const SizedBox(width: 8),
+          const SizedBox(width: AppSpacing.sm),
           // Bell button
           _IconButton(
             icon: LucideIcons.bell,
             colorScheme: colorScheme,
             onTap: () {},
           ),
-          const SizedBox(width: 8),
+          const SizedBox(width: AppSpacing.sm),
           // Avatar
           Consumer<AuthProvider>(
             builder: (context, auth, _) {
@@ -59,10 +59,8 @@ class HeaderBar extends StatelessWidget {
                 alignment: Alignment.center,
                 child: Text(
                   initial,
-                  style: GoogleFonts.inter(
-                    fontSize: 14,
-                    fontWeight: FontWeight.w600,
-                    color: Colors.white,
+                  style: AppTextStyles.headlineMedium(context).copyWith(
+                    color: AppColorScheme.darkOnPrimary,
                   ),
                 ),
               );
@@ -94,7 +92,7 @@ class _IconButton extends StatelessWidget {
         height: 32,
         decoration: BoxDecoration(
           color: colorScheme.surfaceContainerHigh,
-          borderRadius: BorderRadius.circular(16),
+          borderRadius: BorderRadius.circular(AppRadius.xl),
         ),
         alignment: Alignment.center,
         child: Icon(