/* 飞书风格设计 token —— 营销管家
   ─────────────────────────────────────────────────────────
   【第 1 层 :root】颜色 / 字体 / 圆角 / 阴影 / 标签六色
       → 逐字照抄自规范，一个字节未改。
   【第 2 层 :root】布局与密度尺寸
       → 按「营销管家」业务重新定标，偏差记录见项目 README。
   ───────────────────────────────────────────────────────── */

:root{
  /* 锁死浅色：这套体系不做暗色。要做暗色得另配一整套 ramps */
  color-scheme: light;

  /* ---- 中性底 ---- */
  --side:#F5F6F7;        /* 侧栏 / 表头底 */
  --side-sel:#DEDFE1;    /* 侧栏选中 */
  --side-hover:#EAEBED;  /* 侧栏悬停 */
  --list:#FFFFFF;        /* 列表底 */
  --row-sel:#E7EEFD;     /* 行选中（蓝调，不要改成深蓝） */
  --row-hover:#F5F6F7;   /* 行悬停 */
  --read:#F8F9FA;        /* 已读 / 弱化区 */
  --card:#FFFFFF;

  /* ---- rail（对齐 KevinMail Theme.swift --rail 组） ---- */
  --rail:#DAE2F8;        /* rail 底：浅蓝，生产端同值 */
  --rail-2:#DDE3F6;      /* rail 描边 / 分隔 */
  --rail-hover:#CBD6F2;  /* rail 悬停 */

  /* ---- 文字四级 ---- */
  --t1:#1F2329;          /* 主文 */
  --t2:#646A73;          /* 次级 */
  --t3:#8F959E;          /* 辅助 / 占位 */
  --t4:#BBBFC4;          /* 禁用 */

  /* ---- 主色与状态色 ---- */
  --blue:#1456F0;        /* 飞书蓝，主色 */
  --blue-hover:#1D5DF1;
  --blue-text:#1D5DF1;
  --blue-soft:#E1EAFF;   /* 自动计算字段底 */
  --red:#F54A45;
  --green:#34C724;

  /* ---- 描边 ---- */
  --line:#DEE0E3;        /* 常规描边 1px */
  --hairline:#EFF0F1;    /* 极细分隔线 */

  /* ---- 阴影与聚焦 ---- */
  --shadow:0 6px 24px rgba(31,35,41,.12), 0 0 1px rgba(31,35,41,.18);
  --focus:0 0 0 3px rgba(20,86,240,.14);
  --shadow-col:6px 0 8px -6px rgba(31,35,41,.16);  /* 表格固定列滚动阴影 */

  /* ---- 标签六色 + 中性（状态收敛的唯一色板，不要扩） ---- */
  --tag-red-bg:#FDDBDA;    --tag-red-t:#C2302C;
  --tag-amber-bg:#FDF0CF;  --tag-amber-t:#8F5F00;
  --tag-green-bg:#D9F5D6;  --tag-green-t:#237B19;
  --tag-violet-bg:#ECE2FE; --tag-violet-t:#6425D0;
  --tag-orange-bg:#FEE7CD; --tag-orange-t:#B24D0B;
  --tag-blue-bg:#E1EAFF;   --tag-blue-t:#1343B8;
  --tag-none-bg:#EFF0F1;   --tag-none-t:var(--t2);

  /* ---- 字体栈：拉丁在前、PingFang 在后 ---- */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,
         "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;

  /* ---- 基础字号/行高/间距：密度可调的三个根变量 ---- */
  --font-size:14px;
  --line-h:21px;
  --gap:10px;

  /* ---- 圆角三档 + 弹窗 ---- */
  --r-control:8px;   /* 按钮 / 输入框 / 开关（偏差：原 6 → 8，对齐 KevinMail 生产端控件圆角，实测截图） */
  --r-card:8px;      /* 卡片 */
  --r-tag:4px;       /* 标签 */
  --r-dlg:12px;      /* 弹窗卡片，比普通卡片大一圈 */
}

/* ─────────────────────────────────────────────
   第 2 层：营销管家的布局尺寸（定标记录见 README）
   业务画像：8–11 列业务表格 + 卡片型看板，密度介于
   进销存（17 列密集）与邮件（阅读型）之间。
   ───────────────────────────────────────────── */
:root{
  --nav-w:208px;      /* 侧栏展开宽（预留，本期只用 rail） */
  --rail-w:68px;      /* 侧栏收窄（色块分组） */
  --tabbar-h:40px;
  --viewbar-w:208px;  /* 二级视图栏（偏差：原 192 → 208，对齐 KevinMail 文件夹栏 207） */

  /* 偏差①：--row-h 56 → 48
     原因：本系统表格 8–11 列，以「两行单元格」为主，
     无 17 列进销存的极限密度诉求；行高收到 48 仍可容纳
     两条 20px 行 + 上下 4px 内边距，视觉更疏朗。 */
  --row-h:calc(var(--line-h) * 2 + 6px);

  --head-h:calc(var(--line-h) * 2 + 2px);   /* 44px，保持 */
  --cell-x:calc(var(--gap) + 4px);          /* 14px，保持 */

  /* 本项目新增尺寸/效果（规范无对应项，已在 README 登记） */
  --scrim:rgba(31,35,41,.45);   /* 弹窗遮罩（取自规范移动端层） */
  --page-pad:20px;              /* 主区页边距：看板型系统，疏于进销存 */
  --detail-w:460px;             /* 右侧详情抽屉宽 */
  --focus-red:0 0 0 3px rgba(245,74,69,.14);      /* 错误态聚焦光环（对齐 KevinMail --focus-err） */
  --shadow-knob:0 1px 2px rgba(31,35,41,.2);      /* 开关滑块投影 */
}