/* ============================================
   AI制造车间调度系统 - 设计令牌 / CSS 变量
   色彩哲学：用5%的跳色激活95%的留白
   ============================================ */

:root {
  /* === 底色：米白/浅灰 === */
  --bg:           #f7f8fa;
  --surface:      #ffffff;
  --surface-hover:#fafbfc;
  --border:       #e8ecf1;
  --divider:      #eef0f4;

  /* === 主色：雾蓝/淡青 === */
  --primary:      #5b8def;
  --primary-soft: #e8eefb;
  --primary-muted:#94b3f0;
  --accent:       #3a7bd5;
  --teal:         #6bb8c4;

  /* === 数据色标：柔和多彩（莫兰迪色系，低饱和统一色调） === */
  --data-1:       #6b8cae;   /* 雾蓝 - 产线1 */
  --data-2:       #7ba3a0;   /* 灰绿 - 产线2 */
  --data-3:       #c4956a;   /* 驼色 - 产线3 */
  --data-4:       #a88bb5;   /* 藤紫 - 产线4 */
  --data-5:       #d4a07a;   /* 杏色 - 产线5 */
  --data-6:       #8db5c9;   /* 天蓝 - 辅助 */
  --data-7:       #b5c49a;   /* 草绿 - 辅助 */
  --data-8:       #c9a0a0;   /* 玫瑰 - 辅助 */

  /* === KPI聚焦：橙红跳色（仅5%使用） === */
  --kpi:          #e8654a;
  --kpi-soft:     #fef0ed;
  --kpi-muted:    #f4a99c;

  /* === 语义色（低饱和版本） === */
  --success:      #4caf82;
  --success-soft: #edf7f1;
  --warning:      #e6a847;
  --warning-soft: #fdf5e6;
  --error:        #d9534f;
  --error-soft:   #fdecea;
  --info:         #5b8def;

  /* === 文字色阶 === */
  --text-primary:   #2c3e50;
  --text-secondary: #6b7d8e;
  --text-muted:     #a3b1bf;
  --text-inverse:   #ffffff;

  /* === 间距系统（1.5倍呼吸感） === */
  --space-xs:   6px;
  --space-sm:   12px;
  --space-md:   20px;
  --space-lg:   32px;
  --space-xl:   48px;
  --space-2xl:  64px;

  /* === 圆角 === */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;

  /* === 阴影（极轻） === */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg:  0 4px 16px rgba(0,0,0,0.08);

  /* === 字体 === */
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'DM Mono', 'SF Mono', 'Fira Code', monospace;

  /* === 字号 === */
  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  14px;
  --text-md:    16px;
  --text-lg:    18px;
  --text-xl:    24px;
  --text-2xl:   28px;

  /* === 字重 === */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* === 过渡 === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}