/**
 * Bitable Design Tokens — CSS Custom Properties
 *
 * 用 `--bitable-*` 前缀避免与 Ant Design Vue 4 全局 token 冲突。
 * 颜色/间距/圆角/字号 4 类 token + 抽屉宽度。Phase 2 (U2-U5) 所有
 * bitable 组件必须引用本文件的 var()，禁止硬编码 hex。
 *
 * 颜色 token 映射到全局 tokens.css（已支持暗色主题），bitable 组件
 * 不直接维护暗色覆写，跟随全局主题切换。
 *
 * 条件格式 8 色（--bitable-cf-*）：每色提供 -bg（浅底）+ -fg（深字）配对。
 * -bg 用于单元格/chip 背景（配深色文本，对比度 ~12:1）
 * -fg 用于文本/边框/图标（在白底上对比度 ≥4.5:1，WCAG AA）
 * 颜色语义 key: red | orange | yellow | green | blue | purple | gray | neutral
 */
:root {
  /* ── 颜色：基础语义（映射全局 token，跟随暗色主题） ── */
  --bitable-color-primary: var(--color-primary, #1a1a1a);
  --bitable-color-bg: var(--bg-primary, #ffffff);
  --bitable-color-bg-secondary: var(--bg-secondary, #fbfbfa);
  --bitable-color-bg-tertiary: var(--bg-tertiary, #f7f7f5);
  --bitable-color-text: var(--text-primary, #1a1a1a);
  --bitable-color-text-secondary: var(--text-secondary, #4a4a4a);
  --bitable-color-text-tertiary: var(--text-tertiary, #6b6b6a);
  --bitable-color-text-placeholder: var(--text-placeholder, #9b9b9a);
  --bitable-color-border: var(--border-color, #ededec);
  --bitable-color-border-hover: var(--border-color-hover, #dfdfde);
  --bitable-color-border-split: var(--border-color-split, #f2f2f0);

  /* ── 颜色：条件格式 8 色（语义 key → bg/fg 配对） ── */
  /* red */
  --bitable-cf-red-bg: #fee2e2;
  --bitable-cf-red-fg: #b91c1c;
  /* orange */
  --bitable-cf-orange-bg: #ffedd5;
  --bitable-cf-orange-fg: #9a3412;
  /* yellow（深金以保证 AA） */
  --bitable-cf-yellow-bg: #fef9c3;
  --bitable-cf-yellow-fg: #a16207;
  /* green */
  --bitable-cf-green-bg: #dcfce7;
  --bitable-cf-green-fg: #15803d;
  /* blue */
  --bitable-cf-blue-bg: #dbeafe;
  --bitable-cf-blue-fg: #1d4ed8;
  /* purple */
  --bitable-cf-purple-bg: #f3e8ff;
  --bitable-cf-purple-fg: #7e22ce;
  /* gray */
  --bitable-cf-gray-bg: #f3f4f6;
  --bitable-cf-gray-fg: #374151;
  /* neutral（与 gray 区分：更纯的中性灰） */
  --bitable-cf-neutral-bg: #f5f5f4;
  --bitable-cf-neutral-fg: #404040;

  /* ── 间距 ── */
  --bitable-spacing-xs: 4px;
  --bitable-spacing-sm: 8px;
  --bitable-spacing-md: 12px;
  --bitable-spacing-lg: 16px;
  --bitable-spacing-xl: 24px;

  /* ── 圆角 ── */
  --bitable-radius-sm: 4px;
  --bitable-radius-md: 6px;
  --bitable-radius-lg: 8px;

  /* ── 字号 ── */
  --bitable-font-xs: 12px;
  --bitable-font-sm: 13px;
  --bitable-font-md: 14px;
  --bitable-font-lg: 16px;

  /* ── 抽屉宽度（KTD4: ≤10 字段 480px，>10 字段 640px） ── */
  --bitable-drawer-width: 480px;
  --bitable-drawer-width-wide: 640px;
}
