/* ============================================================
   用户全生命流程服务预测系统 — 设计令牌
   风格：Editorial Industrial（编辑部 × 工业仪表盘）
   ============================================================ */

:root {
  /* 背景 — 暖灰系，不是纯黑 */
  --bg-base:       #18171A;
  --bg-surface:    #221F24;
  --bg-elevated:   #2C292E;
  --bg-inset:      #161518;
  --bg-hover:      #312D33;

  /* 分割线 */
  --border-line:   #363239;
  --border-focus:  #5A9367;

  /* 文字 */
  --text-primary:    #E8E4DD;
  --text-secondary:  #A8A29A;
  --text-tertiary:   #6B6660;
  --text-inverse:    #18171A;

  /* 强调 — 墨绿 */
  --accent:        #5A9367;
  --accent-hover:  #6BAA7A;
  --accent-soft:   rgba(90, 147, 103, 0.12);

  /* 信号色 */
  --signal-red:    #C75450;
  --signal-amber:  #D4A04C;
  --signal-blue:   #5B8DBE;
  --signal-violet: #8B7AB8;

  /* 字体 */
  --font-display:  "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  --font-body:     "Noto Sans SC", "Source Han Sans SC", "PingFang SC", sans-serif;
  --font-mono:     "IBM Plex Mono", "JetBrains Mono", "SF Mono", "Menlo", monospace;

  /* 间距 */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;

  /* 圆角 — 克制，最大 6px */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 6px;

  /* 字号 */
  --text-xs:  11px;
  --text-sm:  13px;
  --text-base:14px;
  --text-lg:  16px;
  --text-xl:  20px;
  --text-2xl: 24px;
  --text-3xl: 32px;
  --text-4xl: 40px;

  /* 动效 */
  --transition: 0.15s ease;
}