/* ==========================================================================
   FlowLink · 设计令牌（Design Tokens）
   与 Ardot 设计稿一一对应：颜色 / 圆角 / 间距 / 字体
   ========================================================================== */

:root {
  /* ---- 品牌色 ---- */
  --blue: #0066CC;
  --blue-hover: #0058B0;
  --blue-press: #004C99;
  --blue-soft: #E8F1FA;
  --blue-bright: #4DA3FF;

  /* ---- 墨色层级 ---- */
  --ink: #1D1D1F;
  --ink-2: #6E6E73;
  --ink-3: #85858B;
  --ink-4: #A1A1A6;
  --ink-5: #C7C7CC;

  /* ---- 背景 / 描边 ---- */
  --canvas: #F5F5F7;
  --card: #FFFFFF;
  --line: #E0E0E0;
  --line-soft: #EDEDF0;
  --line-faint: #F2F2F4;
  --zebra: #FAFAFC;
  --fill: #F5F5F7;

  /* ---- 深色面 ---- */
  --dark: #1D1D1F;
  --dark-2: #2E2E30;

  /* ---- AI 能力标识（专用于「AI 在此作用」，与品牌蓝 / 状态色区分） ---- */
  --ai: #5E5CE6;
  --ai-deep: #4A48D8;
  --ai-soft: #EFEEFC;
  --ai-line: #DAD8F8;

  /* ---- 状态色 ---- */
  --green: #1D8A4C;
  --green-bg: #E7F4EC;
  --amber: #B25E00;
  --amber-bg: #FBF0E2;
  --red: #D70015;
  --red-bg: #FCE9EA;
  --red-bg-alt: #FCE5EA;
  --gray: #6E6E73;
  --gray-bg: #F0F0F2;

  /* ---- 圆角 ---- */
  --r-hero: 22px;
  --r-card: 18px;
  --r-inner: 14px;
  --r-btn: 12px;
  --r-input: 10px;
  --r-chip: 8px;
  --r-pill: 99px;

  /* ---- 间距 ---- */
  --gap: 16px;
  --pad: 24px;

  /* ---- 字体 ---- */
  --font-ui: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue",
    sans-serif;
  --font-num: "Inter", "SF Pro Display", -apple-system, sans-serif;

  /* ---- 阴影（克制，仅用于浮层） ---- */
  --shadow-modal: 0 24px 64px rgba(29, 29, 31, 0.22),
    0 4px 12px rgba(29, 29, 31, 0.08);
  --shadow-pop: 0 8px 24px rgba(29, 29, 31, 0.12);
  --shadow-toast: 0 10px 30px rgba(29, 29, 31, 0.16);
}