/* ============================================================
   tokens.css — 设计令牌唯一来源（暗色克制风 / 对标 Linear）
   纪律：任何组件不得写死色值，只能引用本文件的变量。
   ============================================================ */
:root {
  /* ── 底色层级：靠底色差 + 1px 边框做层级，不用阴影 ── */
  --bg:          #0f1011; /* 页面背景 */
  --bg-panel:    #131415; /* 列 / 抽屉面板 */
  --bg-card:     #16181a; /* 卡片 */
  --bg-card-hover: #1b1d20;
  --bg-inset:    #1a1c1f; /* 输入框 / 进度槽 */
  --bg-hover:    #202327; /* 通用 hover 底 */
  --bg-active:   #26292d;

  /* ── 边框：所有层级靠它，不用阴影 ── */
  --border:        #26292d;
  --border-strong: #34383d;
  --border-focus:  rgba(94, 106, 210, .55);

  /* ── 文字：三级 ── */
  --fg:      #e6e6e6; /* 正文 / 标题 */
  --fg-dim:  #8b8f94; /* 次要 / 元信息 */
  --fg-mute: #6b7075; /* 更弱：占位、分隔（仍属次要色阶） */

  /* ── 强调色：全页同时最多 2 处 ── */
  --accent:       #5e6ad2;
  --accent-hover: #6e79d8;
  --accent-dim:   rgba(94, 106, 210, .16);

  /* ── 状态色：只用于圆点 + 左侧色条，禁止铺卡片背景 ── */
  --st-todo:    #8b8f94;
  --st-doing:   #5e6ad2;
  --st-blocked: #e5484d;
  --st-done:    #4cb782;

  /* ── 优先级色条（卡片左缘 3px）── */
  --pr-p0: #e5484d;
  --pr-p1: #e2b03a;
  --pr-p2: #5e6ad2;
  --pr-p3: #4a4f55;

  /* ── 语义 ── */
  --ok:   #4cb782;
  --warn: #e2b03a;
  --danger: #e5484d;

  /* ── 字体：只用系统字体栈，不引 Web Font / 外链 ── */
  --font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ── 字号：只 3 档 ── */
  --fs-sm: 12px;
  --fs-md: 14px;
  --fs-lg: 20px;
  --lh: 1.5;

  /* ── 间距：只 5 档 ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;

  /* ── 圆角：只 2 档 ── */
  --r-card: 6px;
  --r-panel: 8px;

  /* ── 过渡：150ms，只动 background/border/opacity ── */
  --t: 150ms ease;

  /* ── 布局尺寸 ── */
  --topbar-h: 48px;
  --filterbar-h: 40px;
  --col-w: 288px;
  --drawer-w: 480px;
}