/* 数字员工 · 颜色唯一真源（手机端 + 评审台 + 启动页共用）
   必须在 app.css / review.css / api.css 之前加载。其他 CSS 只引用变量，不写 UI 颜色字面值。
   结构：① PC 同名 primitive  ② 中性/语义扩展  ③ 手机 semantic aliases（含旧名兼容）
   对比度（WCAG，白底除注明）：brand 白字 5.41；brand-strong 在 brand-soft 6.19；pop-ink 在 pop-soft 5.61；
   ai-strong 在 ai-soft 6.25；brand 焦点环在 nav 上 3.30（≥3 非文字要求）。 */
:root {
  /* ① PC 同名 primitives ---------------------------------------------------- */
  --brand: #3355FF;         /* 科技蓝：所有普通操作 / CTA / 选中 */
  --brand-strong: #2540E0;  /* 按下 / 浅蓝底上的小字 */
  --brand-soft: #E8ECFF;    /* 浅蓝底：选中底、图标底 */
  --brand-line: #CDD6FF;    /* 浅蓝描边 */
  --pop: #FF6B35;           /* 活力橙：仅大图形/点缀，白字 2.84 → 禁止放白色小字 */
  --pop-strong: #CF440F;    /* 深橙：白字 4.68，可做大按钮底；在 pop-soft 上仅 4.24 → 小字不用 */
  --pop-soft: #FFF1EA;
  --pop-ink: #AD3A12;       /* 浅橙底上的小字/图标 */
  --ai: #8B5CF6;            /* AI 紫：仅"AI 正在生成/工作"小区域，白字 4.23 → 不放小字 */
  --ai-strong: #6D28D9;     /* 白字 7.10；在 ai-soft 6.25 */
  --ai-soft: #F3EEFF;
  --nav: #0C1633;           /* 墨蓝黑：小面积品牌区（首页品牌条） */
  --nav-ink: #BBC6E0;       /* nav 上的次级文字 10.41 */
  --bg: #F4F5F9;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --ink: #101828;
  --text: #101828;
  --muted: #667085;
  --text3: #667085;         /* 白底 4.97，bg 4.57；bg2 上仅 4.36 → bg2 上的小字用 text2 */
  --line: #E6E8EF;
  --text2: #475467;
  --line2: #7B879B;          /* 手机控件边界：对白底 >=3:1 */

  /* ② 中性扩展（冷灰蓝） ------------------------------------------------------ */
  --bg2: #EEF0F5;           /* 分组底 / 次级块 / 轨道 */
  --bg3: #E3E6ED;           /* 按下 */
  --hover: #F8F9FC;         /* 白卡悬停/轻按 */
  --frame-bg: #E3E6EE;      /* 桌面预览时手机外的底 */
  --placeholder: #667085;   /* 占位文字同样需达到普通文字对比度，白底 4.97 */
  --on-brand: #FFFFFF;      /* 实色底上的字/图标 */
  --top-bg: rgba(255, 255, 255, .96);  /* 普通顶栏：白底 */
  --device: #1D2433;        /* 缩略手机边框 / 评审台机身 */
  --media-bg: #0F1420;      /* 视频/图片留黑底 */
  --toast-bg: #131A2B;      /* 冷黑 toast */
  --scrim: rgba(12, 22, 51, .45);
  --switch-off: var(--line2);
  --brand-mute: var(--brand-line);  /* 锁定勾选：浅蓝底 + 深蓝勾 5.07 */
  --pop-line: #FFD4C2;

  /* 语义：成功 / 警告 / 危险 —— 深色文字 + 浅底（不使用 PC 浅绿做小字） */
  --ok: #1B7346;      --ok-weak: #E3F1E8;   --ok-tint: #F6FBF8;  --ok-glow: rgba(27, 115, 70, .18);  --ok-glow-soft: rgba(27, 115, 70, .06);
  --warn: #855000;    --warn-weak: #FBEFD9; --warn-tint: #FFFAF0; --warn-solid: #C88316;
  --warn-ink: #5E3A00; --warn-line: #EED9B3; --warn-line-strong: #B99E61;
  --bad: #B2342A;     --bad-weak: #FBE9E6;  --bad-tint: #FFF7F5;  --bad-line: #F0CFC9;
  --bad-glow: rgba(178, 52, 42, .3); --bad-glow-0: rgba(178, 52, 42, 0); --bad-glow-35: rgba(178, 52, 42, .35);
  --ok-on-dark: #8FDDBB;   /* toast 冷黑上 10.9 */
  --bad-on-dark: #FFB4A9;  /* toast 冷黑上 10.2 */

  /* 阴影：冷色（ink #101828 基） */
  --sh-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 1px rgba(16, 24, 40, .03);
  --sh-2: 0 2px 6px rgba(16, 24, 40, .07), 0 8px 20px rgba(16, 24, 40, .05);
  --sh-foot: 0 -4px 16px rgba(16, 24, 40, .04);
  --sh-frame: 0 24px 60px rgba(16, 24, 40, .18), 0 2px 6px rgba(16, 24, 40, .08);
  --sh-sheet: 0 -10px 34px rgba(16, 24, 40, .2);
  --sh-toast: 0 10px 28px rgba(16, 24, 40, .26);
  --sh-pop: 0 6px 24px rgba(16, 24, 40, .13);
  --sh-knob: 0 1px 3px rgba(16, 24, 40, .25);
  --sh-pri: 0 1px 0 rgba(255, 255, 255, .12) inset, 0 3px 10px rgba(51, 85, 255, .24);
  --sh-pri-press: 0 1px 3px rgba(51, 85, 255, .22);
  --sh-pri-lg: 0 8px 20px rgba(51, 85, 255, .26);
  --sh-mic: 0 10px 24px rgba(51, 85, 255, .32);
  --sh-device: 0 14px 40px rgba(16, 24, 40, .16);

  /* 渐变：仅 AI 运行进度条（小面积） */
  --grad-ai: linear-gradient(90deg, var(--brand), var(--ai));

  /* ③ 手机 semantic aliases（旧名兼容） ---------------------------------------- */
  --pri: var(--brand);
  --pri-press: var(--brand-strong);
  --pri-weak: var(--brand-soft);
  --pri-soft: var(--brand-line);
  --pri-ink: var(--brand-strong);  /* 浅蓝底上的小字 */
  --pri-ring: var(--brand);        /* 焦点环：实色，不用半透明 */
  --focus-halo: var(--brand-soft); /* 输入框聚焦时的辅助光晕（实色 outline 仍由 :focus-visible 提供） */
  --link-underline: var(--brand-line);
  --panel: var(--surface);
  /* 三件工作识别色：找客户蓝 / 视频橙 / 回消息蓝 */
  --k-find: var(--brand);    --k-find-weak: var(--brand-soft);  --k-find-line: var(--brand-line);
  --k-video: var(--pop-ink); --k-video-weak: var(--pop-soft);   --k-video-line: var(--pop-line); --k-video-dot: var(--pop);
  --k-reply: var(--brand);   --k-reply-weak: var(--brand-soft); --k-reply-line: var(--brand-line);
  /* AI 客服气泡 */
  --bubble-bot: var(--ai-soft);
  --bubble-bot-label: var(--ai-strong);
}