/* ============================================
   Design Tokens - 鲜明撞色 / 高级感
   ============================================ */

:root {
  /* 表面 / 背景 */
  --bg-app:        #FAFAFB;
  --bg-surface:    #FFFFFF;
  --bg-elevated:   #FFFFFF;
  --bg-subtle:     #F4F4F8;
  --bg-inset:      #ECECF2;

  /* 文本 */
  --text-1:        #0E0E12;
  --text-2:        #5A5A66;
  --text-3:        #9595A2;
  --text-on-accent:#FFFFFF;

  /* 品牌撞色 */
  --accent:        #FF5E3A;
  --accent-hover:  #E84A28;
  --accent-soft:   rgba(255, 94, 58, 0.10);

  --accent-2:      #3D5AFE;
  --accent-2-soft: rgba(61, 90, 254, 0.10);

  --accent-3:      #00C896;
  --accent-3-soft: rgba(0, 200, 150, 0.12);

  --warn:          #FFB800;
  --warn-soft:     rgba(255, 184, 0, 0.15);

  --danger:        #E63946;
  --danger-soft:   rgba(230, 57, 70, 0.10);

  /* 边框 */
  --border:        #E8E8EE;
  --border-strong: #D5D5DE;

  /* 阴影 */
  --shadow-sm: 0 1px 2px rgba(14, 14, 18, 0.04);
  --shadow-md: 0 4px 12px rgba(14, 14, 18, 0.06);
  --shadow-lg: 0 12px 32px rgba(14, 14, 18, 0.10);

  /* 圆角 */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* 间距 */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 20px;
  --gap-6: 24px;
  --gap-8: 32px;

  /* 字体 */
  --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* 动效 */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  200ms;

  /* 布局尺寸 */
  --sidebar-w: 280px;
  --kb-w:      320px;
  --header-h:  60px;
}