/*
 * src/styles/tokens.css — Design Tokens（色值的单一来源 / SSoT）
 *
 * 命名格式：--color-<scope>-<role>-<state>
 *   <scope> 组件域：form / table-row / table-header / ...
 *   <role>  作用：bg（背景）/ fg（前景/字体）/ border
 *   <state> 状态：edit / readonly / hover / selected（无状态时省略）
 *
 * 约束：
 *   - 组件样式中只用 var(--color-xxx)，禁止硬编码 hex / rgba
 *   - 修改色值只改本文件，不允许在组件级覆盖
 *   - 新增 token 直接在本文件登记（本文件即单一来源）
 */

:root {
  /* === 1. 全局调色板（与 Ant Design 主题对齐） === */
  --color-primary: #1890ff;
  --color-success: #52c41a;
  --color-warning: #faad14;
  --color-error: #ff4d4f;
  --color-text: rgba(0, 0, 0, 0.85);
  --color-text-secondary: rgba(0, 0, 0, 0.45);
  --color-border: #d9d9d9;
  --color-bg-base: #f0f2f5;

  /* === 2. 组件级状态色 === */

  /* form：输入框 / 备注框 / 时间框 / 下拉框共用 */
  --color-form-bg-edit: #ffffff;
  --color-form-bg-readonly: #f1f2f8;
  --color-form-bg-hover: #f5f5f5;          /* 仅下拉框使用 */
  --color-form-fg: #000000;

  /* table */
  --color-table-row-bg-selected: #86d5fb;
  --color-table-row-bg-hover: #fff7e6;
  --color-table-row-bg-readonly: #f1f2f8;  /* = rgb(241, 242, 248) */
  --color-table-row-fg: #000000;
  --color-table-header-bg: #f5f5f5;
  --color-table-header-fg: rgba(0, 0, 0, 0.85);  /* = #000000D9 */
}