/* ==========================================================
   00-tokens.css  设计变量
   ========================================================== */
:root {
  /* 色板 */
  --c-bg:         #F7F8FA;
  --c-surface:    #FFFFFF;
  --c-surface-2:  #F1F4F9;
  --c-surface-3:  #E9EEF6;
  --c-line:       #E6EAF0;
  --c-line-2:     #D5DBE5;

  --c-text:       #10182B;
  --c-text-2:     #5B667A;
  --c-text-3:     #97A1B2;
  --c-text-4:     #B8C0CD;

  --c-primary:    #4B63F0;
  --c-primary-d:  #3A4FD4;
  --c-primary-w:  #EEF1FE;
  --c-primary-w2: #DCE2FD;

  --c-ai:         #7C5CF0;
  --c-ai-w:       #F1EDFE;
  --c-ai-w2:      #E3DBFD;

  --c-success:    #12A87A;
  --c-success-w:  #E4F6F0;
  --c-warn:       #E5951B;
  --c-warn-w:     #FDF3E3;
  --c-danger:     #E5544B;
  --c-danger-w:   #FDECEB;

  /* 字段分组色 */
  --g-basis:      #4B63F0;
  --g-process:    #12A87A;
  --g-outcome:    #E5951B;

  /* 圆角 */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 999px;

  /* 间距 */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px;

  /* 字号 */
  --f-xl: 26px;
  --f-lg: 20px;
  --f-md: 17px;
  --f-bd: 15px;
  --f-sm: 13px;
  --f-xs: 11px;

  /* 阴影 */
  --sh-1: 0 1px 2px rgba(16,24,43,.05);
  --sh-2: 0 2px 8px rgba(16,24,43,.07);
  --sh-3: 0 8px 24px rgba(16,24,43,.10);
  --sh-4: 0 -2px 16px rgba(16,24,43,.07);

  /* 布局 */
  --h-nav: 52px;
  --h-tab: 56px;
  --h-safe-b: 0px;

  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --ease: cubic-bezier(.32,.72,0,1);
}