feat: 글래스모피즘 디자인 시스템 및 색상 가이드 전면 적용

- @doc/color.md 가이드라인에 따른 색상 시스템 전면 개편
- 딥 블루(#2563EB), 스카이 블루(#60A5FA) 메인 컬러로 변경
- 모든 화면과 위젯에 글래스모피즘 효과 일관성 있게 적용
- darkNavy, navyGray 등 새로운 텍스트 색상 체계 도입
- 공통 스낵바 및 다이얼로그 컴포넌트 추가
- Claude AI 프로젝트 컨텍스트 파일(CLAUDE.md) 추가

영향받은 컴포넌트:
- 10개 스크린 (main, settings, detail, splash 등)
- 30개 이상 위젯 (buttons, cards, forms 등)
- 테마 시스템 (AppColors, AppTheme)

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

lib/widgets/analysis/monthly_expense_chart_card.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:fl_chart/fl_chart.dart';
 import 'dart:math' as math;
 import '../../services/currency_util.dart';
+import '../../theme/app_colors.dart';
 import '../glassmorphism_card.dart';
 import '../themed_text.dart';
 
@@ -44,7 +45,7 @@ class MonthlyExpenseChartCard extends StatelessWidget {
               backDrawRodData: BackgroundBarChartRodData(
                 show: true,
                 toY: maxAmount + (maxAmount * 0.1),
-                color: Colors.grey.withValues(alpha: 0.1),
+                color: AppColors.navyGray.withValues(alpha: 0.1),
               ),
             ),
           ],
@@ -124,7 +125,7 @@ class MonthlyExpenseChartCard extends StatelessWidget {
                             ),
                             getDrawingHorizontalLine: (value) {
                               return FlLine(
-                                color: Colors.grey.withValues(alpha: 0.1),
+                                color: AppColors.navyGray.withValues(alpha: 0.1),
                                 strokeWidth: 1,
                               );
                             },
@@ -163,14 +164,14 @@ class MonthlyExpenseChartCard extends StatelessWidget {
                           barTouchData: BarTouchData(
                             enabled: true,
                             touchTooltipData: BarTouchTooltipData(
-                              tooltipBgColor: Colors.blueGrey.shade800,
+                              tooltipBgColor: AppColors.darkNavy,
                               tooltipRoundedRadius: 8,
                               getTooltipItem:
                                   (group, groupIndex, rod, rodIndex) {
                                 return BarTooltipItem(
                                   '${monthlyData[group.x]['monthName']}\n',
                                   const TextStyle(
-                                    color: Colors.white,
+                                    color: AppColors.pureWhite,
                                     fontWeight: FontWeight.bold,
                                   ),
                                   children: [
@@ -179,7 +180,7 @@ class MonthlyExpenseChartCard extends StatelessWidget {
                                           monthlyData[group.x]['totalExpense']
                                               as double),
                                       style: const TextStyle(
-                                        color: Colors.yellow,
+                                        color: Color(0xFFFBBF24),
                                         fontSize: 14,
                                         fontWeight: FontWeight.w500,
                                       ),