/* ============================================================
   筷心引擎 · 中台  品牌视觉变量（唯一真源）

   为什么单独一份：
   中台门户（tabler-brand.css）和登录页（login.css）原来各写一套品牌色，
   换一次主色要改两个文件、还容易只改一处，出现「登录页是旧蓝、后台是新蓝」。
   现在两边都只引用这里的变量，换主色改这一个文件即可。

   换主色时记得升 .env 里的 SSO_ASSET_VER，否则浏览器用缓存旧样式。
   ============================================================ */

:root {
  /* ---------- 品牌 ---------- */
  --kx-brand: #146fea;            /* 主色：小程序品牌蓝 */
  --kx-brand-dark: #0f59bd;
  --kx-brand-rgb: 20, 111, 234;   /* 需要用 rgba() 时用这个 */

  /* ---------- 页面与卡片 ----------
     页面底色比卡片深一点，白卡片才有「浮起来」的层次；
     通体纯白时卡片边界全靠细边框撑着，看起来发闷。 */
  --kx-page-bg: #f5f7fb;
  --kx-card-bg: #ffffff;
  --kx-card-border: rgba(15, 23, 42, 0.07);
  --kx-card-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  --kx-card-radius: 14px;
  --kx-card-pad: 12px 14px;       /* 手机上再收一档，见 tabler-brand.css */

  /* ---------- 文本与分隔线 ---------- */
  --kx-text: #16202e;
  --kx-muted: #6b7688;
  --kx-line: #e3e8f0;
  --kx-hover: #eef2f8;            /* 可点区域的悬停/按下底色 */

  /* ---------- 语义色 ---------- */
  --kx-ok: #16a34a;
  --kx-warn: #f59e0b;
  --kx-danger: #dc2626;

  /* ---------- 服务识别色 ----------
     一个服务一个色，卡片顶边条、金额、趋势线三处同色，
     看到颜色就知道是哪个服务，不用读文字。 */
  --svc-deepseek: #4f46e5;
  --svc-duomi: #ea580c;
  --svc-sms: #0d9488;
  --svc-tencent: #146fea;
  --svc-cdn: #0ea5e9;

  /* ---------- 业务应用识别色 ---------- */
  --app-dianjiang: #7c3aed;
  --app-activity: #0d9488;
  --app-crm: #ea580c;
}