style(tokens): 浅色主题晨光琥珀金化 - 模板蓝退役、晨空蓝辅色、暖琥珀阴影

Author: Aparencia

client/src/styles/tokens.css

@@ -6,40 +6,40 @@
 
 /* ---- 晨曦浮光（浅色主题，默认） ---- */
 :root {
-  /* 品牌主色 - 蓝色系（专注/平静） */
-  --kb-brand-50: #EFF6FF;
-  --kb-brand-100: #DBEAFE;
-  --kb-brand-200: #BFDBFE;
-  --kb-brand-300: #93C5FD;
-  --kb-brand-400: #60A5FA;
-  --kb-brand-500: #3B82F6;
-  --kb-brand-600: #2563EB;
-  --kb-brand-700: #1D4ED8;
-  --kb-brand-800: #1E40AF;
-  --kb-brand-900: #1E3A8A;
-
-  /* 品牌辅色 - 琥珀/青色系（成就/温暖） */
-  --kb-accent-50: #FFF7ED;
-  --kb-accent-100: #FFEDD5;
-  --kb-accent-200: #FED7AA;
-  --kb-accent-300: #FDBA74;
-  --kb-accent-400: #FB923C;
-  --kb-accent-500: #F59E0B;
-  --kb-accent-600: #D97706;
-  --kb-accent-700: #B45309;
-  --kb-accent-800: #92400E;
-  --kb-accent-900: #78350F;
+  /* 品牌主色 - 晨光琥珀金系（专注/温暖） */
+  --kb-brand-50: #FDF3E7;
+  --kb-brand-100: #FAE6CC;
+  --kb-brand-200: #F3CD9E;
+  --kb-brand-300: #E8AD66;
+  --kb-brand-400: #DB8F3C;
+  --kb-brand-500: #C9761F;
+  --kb-brand-600: #B05E12;
+  --kb-brand-700: #9A4F0C;
+  --kb-brand-800: #7E420A;
+  --kb-brand-900: #61330B;
+
+  /* 品牌辅色 - 晨空蓝（浅色模式，强调/选中） */
+  --kb-accent-50: #EDF3FA;
+  --kb-accent-100: #DBE8F4;
+  --kb-accent-200: #B7CFE8;
+  --kb-accent-300: #8CB2D8;
+  --kb-accent-400: #6494C4;
+  --kb-accent-500: #4A7DB0;
+  --kb-accent-600: #3B689A;
+  --kb-accent-700: #31577F;
+  --kb-accent-800: #27455F;
+  --kb-accent-900: #1E3448;
 
   /* 功能色 */
-  --kb-focus-blue: #3B82F6;
+  --kb-focus-blue: #4A7DB0;
   --kb-amber: #F59E0B;
   --kb-moss-green: #6BAF8A;
   --kb-stone-purple: #8B8494;
-  --kb-cyber-cyan: #06B6D4;
+  --kb-cyber-cyan: #2B5F9E;
   --kb-color-error: #EF4444;
   --kb-color-warning: #F97316;
-  --kb-color-success: #22C55E;
-  --kb-color-info: #3B82F6;
+  --kb-color-success: #41A96E;
+  --kb-color-info: #2B5F9E;
 
   /* 背景色 — 晨曦浮光调 */
   --kb-bg-primary: #FAF8F5;
@@ -148,10 +148,10 @@
   --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 
   /* 品牌阴影 */
-  --kb-shadow-brand: 0 4px 12px rgba(59, 130, 246, 0.2);
-  --kb-shadow-accent: 0 4px 12px rgba(245, 158, 11, 0.2);
-  --kb-shadow-brand-hover: 0 6px 20px rgba(59, 130, 246, 0.3);
-  --kb-shadow-accent-hover: 0 6px 20px rgba(245, 158, 11, 0.3);
+  --kb-shadow-brand: 0 4px 12px rgba(176, 94, 18, 0.18);
+  --kb-shadow-accent: 0 4px 12px rgba(59, 104, 154, 0.18);
+  --kb-shadow-brand-hover: 0 6px 20px rgba(176, 94, 18, 0.26);
+  --kb-shadow-accent-hover: 0 6px 20px rgba(59, 104, 154, 0.26);
 
   /* ---- shadcn/ui 兼容层（映射到 --kb-* 令牌）---- */
   --background: var(--kb-bg-primary);
@@ -177,12 +177,12 @@
 
   /* 潜水/沉浸面板渐变（全局定义：FunctionalOverlay 面板背景依赖，
      此前仅在 pomodoro-dive.css 按模块定义，未进番茄模块时变量缺失致面板透明） */
-  --kb-dive-top: rgba(191, 219, 254, 0.55);
+  --kb-dive-top: rgba(219, 232, 244, 0.55);
   --kb-dive-mid: rgba(250, 248, 245, 0.35);
-  --kb-dive-bot: rgba(147, 197, 253, 0.5);
-  --kb-dive-bubble: rgba(59, 130, 246, 0.5);
-  --kb-dive-ray: rgba(59, 130, 246, 0.07);
-  --kb-dive-fog: rgba(219, 234, 254, 0.4);
+  --kb-dive-bot: rgba(140, 178, 216, 0.5);
+  --kb-dive-bubble: rgba(74, 125, 176, 0.4);
+  --kb-dive-ray: rgba(74, 125, 176, 0.07);
+  --kb-dive-fog: rgba(219, 232, 244, 0.4);
 }
 
 /* ========== 动画 @keyframes ========== */