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/common/dialogs/confirmation_dialog.dart

@@ -53,7 +53,7 @@ class ConfirmationDialog extends StatelessWidget {
             Container(
               padding: const EdgeInsets.all(16),
               decoration: BoxDecoration(
-                color: (iconColor ?? effectiveConfirmColor).withOpacity(0.1),
+                color: (iconColor ?? effectiveConfirmColor).withValues(alpha: 0.1),
                 borderRadius: BorderRadius.circular(12),
               ),
               child: Icon(
@@ -163,7 +163,7 @@ class SuccessDialog extends StatelessWidget {
           Container(
             padding: const EdgeInsets.all(16),
             decoration: BoxDecoration(
-              color: Colors.green.withOpacity(0.1),
+              color: Colors.green.withValues(alpha: 0.1),
               shape: BoxShape.circle,
             ),
             child: const Icon(
@@ -271,7 +271,7 @@ class ErrorDialog extends StatelessWidget {
           Container(
             padding: const EdgeInsets.all(16),
             decoration: BoxDecoration(
-              color: Colors.red.withOpacity(0.1),
+              color: Colors.red.withValues(alpha: 0.1),
               shape: BoxShape.circle,
             ),
             child: const Icon(

lib/widgets/common/dialogs/loading_overlay.dart

@@ -27,7 +27,7 @@ class LoadingOverlay extends StatelessWidget {
         child,
         if (isLoading)
           Container(
-            color: (backgroundColor ?? Colors.black).withOpacity(opacity),
+            color: (backgroundColor ?? Colors.black).withValues(alpha: opacity),
             child: Center(
               child: Container(
                 padding: const EdgeInsets.all(24),
@@ -36,7 +36,7 @@ class LoadingOverlay extends StatelessWidget {
                   borderRadius: BorderRadius.circular(16),
                   boxShadow: [
                     BoxShadow(
-                      color: Colors.black.withOpacity(0.1),
+                      color: Colors.black.withValues(alpha: 0.1),
                       blurRadius: 10,
                       offset: const Offset(0, 4),
                     ),
@@ -193,7 +193,7 @@ class _CustomLoadingIndicatorState extends State<CustomLoadingIndicator>
                     width: widget.size / 5,
                     height: widget.size / 5,
                     decoration: BoxDecoration(
-                      color: effectiveColor.withOpacity(0.3 + value * 0.7),
+                      color: effectiveColor.withValues(alpha: 0.3 + value * 0.7),
                       shape: BoxShape.circle,
                     ),
                   );
@@ -212,7 +212,7 @@ class _CustomLoadingIndicatorState extends State<CustomLoadingIndicator>
               height: widget.size,
               decoration: BoxDecoration(
                 shape: BoxShape.circle,
-                color: effectiveColor.withOpacity(0.3),
+                color: effectiveColor.withValues(alpha: 0.3),
               ),
               child: Center(
                 child: Container(
@@ -220,7 +220,7 @@ class _CustomLoadingIndicatorState extends State<CustomLoadingIndicator>
                   height: widget.size * (0.3 + _animation.value * 0.5),
                   decoration: BoxDecoration(
                     shape: BoxShape.circle,
-                    color: effectiveColor.withOpacity(1 - _animation.value),
+                    color: effectiveColor.withValues(alpha: 1 - _animation.value),
                   ),
                 ),
               ),