파란색 계열을 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>
This commit is contained in:
doyeon 2025-10-21 10:01:40 +09:00
parent 59f5c5a7ed
commit 2833a596ab

View File

@ -18,14 +18,14 @@
--color-primary-200: #FFCCCE;
/* ========================================
Secondary Colors (AI Blue)
Secondary Colors (Accent)
======================================== */
--color-secondary: #0066FF;
--color-secondary-light: #4D94FF;
--color-secondary-dark: #0052CC;
--color-secondary-50: #F0F7FF;
--color-secondary-100: #E0EFFF;
--color-secondary-200: #B8DBFF;
--color-secondary: #FF6B6B;
--color-secondary-light: #FF8787;
--color-secondary-dark: #FF5252;
--color-secondary-50: #FFF5F5;
--color-secondary-100: #FFE3E3;
--color-secondary-200: #FFC9C9;
/* ========================================
Grayscale
@ -60,16 +60,16 @@
--color-error-dark: #C01015;
--color-error-bg: #FFEBEE;
--color-info: #0288D1;
--color-info-light: #4FC3F7;
--color-info-dark: #01579B;
--color-info-bg: #E1F5FE;
--color-info: #FF9800;
--color-info-light: #FFB74D;
--color-info-dark: #F57C00;
--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-error: 0 0 0 4px rgba(211, 47, 47, 0.1);
--shadow-secondary: 0 0 0 4px rgba(255, 107, 107, 0.15);
--shadow-error: 0 0 0 4px rgba(227, 30, 36, 0.15);
/* ========================================
Z-Index Scale