/* =============================================================================
 * tokens.css —— 设计令牌的唯一定义处
 * =============================================================================
 * 权威来源：002原型设计(美术设计)/stitch-yibi-0.02/DESIGN.md
 * 该文件是 COLOR LOCK：这 15 个色值是产品的全部颜色，不得推导、不得增补。
 *
 * 【约定】值写成「空格分隔的 RGB 通道」，不是 #hex。
 *   因为 Tailwind 的透明度修饰符（bg-cinnabar/10）需要能往颜色里塞 alpha，
 *   而 tailwind.config.js 用 `rgb(var(--c-x) / <alpha-value>)` 引用它们。
 *   hex 写在这个文件之外的地方，就是 bug。
 *
 * 【改色流程】只改这里。改完全站生效，不需要动 tailwind.config.js。
 * ========================================================================== */

:root {
  /* --- 中性骨架 -------------------------------------------------------- */
  --c-paper:      244 244 242;  /* #F4F4F2 页面底色（冷调中性灰，不是米白） */
  --c-surface:    255 255 255;  /* #FFFFFF 卡片、输入框、列表容器 */
  --c-ink:         23  24  26;  /* #17181A 主文字、金额 */
  --c-graphite:    92  96 102;  /* #5C6066 次要文字、未选中态 */
  --c-hairline:   227 227 224;  /* #E3E3E0 唯一的 1px 分割线 */
  --c-disabled:   201 203 200;  /* #C9CBC8 禁用态、占位符 */

  /* --- 语义：只有这两个颜色能表达「钱的方向」 ---------------------------- */
  --c-cinnabar:   191  59  43;  /* #BF3B2B 支出、品牌色、唯一主操作 */
  --c-pine:        30 122  85;  /* #1E7A55 收入 */

  /* --- 分类色：只允许出现在图标淡底、图例圆点、比例条三处 ---------------- */
  --c-ochre:      192 128  58;  /* #C0803A 购物 */
  --c-indigo:      62 110 142;  /* #3E6E8E 交通 */
  --c-moss:       107 122  94;  /* #6B7A5E 居住 */
  --c-inkviolet:  124  90 114;  /* #7C5A72 娱乐 */
  --c-cyanjade:    46 126 134;  /* #2E7E86 医疗 */
  --c-slate:       74  90 106;  /* #4A5A6A 学习 */
  --c-midgrey:    138 144 150;  /* #8A9096 其他 */
}

/* 分类色不是文字色。下面这条是纪律，不是样式：任何把分类色用在金额或文字上的
 * 写法都违反 DESIGN.md §2「Color Hard Rules」第 2 条。link-check 会拦。 */