파란색 계열을 KT Red 따뜻한 색상으로 변경

- Secondary 색상: 파란색(#0066FF) → 따뜻한 레드(#FF6B6B)
- Info 색상: 파란색(#0288D1) → 오렌지(#FF9800)
- Shadow 색상 조정: 파란색 그림자 → 붉은 계열 그림자
- Gradient 색상 통일: 모든 그라데이션을 따뜻한 색조로 변경
- KT 브랜드 색상 일관성 강화 및 시각적 통일감 향상

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

design/uiux/prototype/css/variables.css

@@ -18,14 +18,14 @@
   --color-primary-200: #FFCCCE;
 
   /* ========================================
-     Secondary Colors (AI Blue)
+     Secondary Colors (Accent)
      ======================================== */
-  --color-secondary: #0066FF;
+  --color-secondary: #FF6B6B;
-  --color-secondary-light: #4D94FF;
+  --color-secondary-light: #FF8787;
-  --color-secondary-dark: #0052CC;
+  --color-secondary-dark: #FF5252;
-  --color-secondary-50: #F0F7FF;
+  --color-secondary-50: #FFF5F5;
-  --color-secondary-100: #E0EFFF;
+  --color-secondary-100: #FFE3E3;
-  --color-secondary-200: #B8DBFF;
+  --color-secondary-200: #FFC9C9;
 
   /* ========================================
      Grayscale
@@ -60,16 +60,16 @@
   --color-error-dark: #C01015;
   --color-error-bg: #FFEBEE;
 
-  --color-info: #0288D1;
+  --color-info: #FF9800;
-  --color-info-light: #4FC3F7;
+  --color-info-light: #FFB74D;
-  --color-info-dark: #01579B;
+  --color-info-dark: #F57C00;
-  --color-info-bg: #E1F5FE;
+  --color-info-bg: #FFF3E0;
 
   /* ========================================
      Gradient
      ======================================== */
   --gradient-primary: linear-gradient(135deg, #E31E24 0%, #FF5A5F 100%);
-  --gradient-secondary: linear-gradient(135deg, #0066FF 0%, #4D94FF 100%);
+  --gradient-secondary: linear-gradient(135deg, #FF6B6B 0%, #FF8787 100%);
   --gradient-success: linear-gradient(135deg, #00C853 0%, #5EFC82 100%);
   --gradient-warning: linear-gradient(135deg, #FFA000 0%, #FFB333 100%);
 
@@ -162,8 +162,8 @@
   --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
   --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.2);
   --shadow-primary: 0 2px 4px rgba(227, 30, 36, 0.2);
-  --shadow-secondary: 0 0 0 4px rgba(0, 102, 255, 0.1);
+  --shadow-secondary: 0 0 0 4px rgba(255, 107, 107, 0.15);
-  --shadow-error: 0 0 0 4px rgba(211, 47, 47, 0.1);
+  --shadow-error: 0 0 0 4px rgba(227, 30, 36, 0.15);
 
   /* ========================================
      Z-Index Scale