/* ============================================================
   彩枢汇设计系统 token（批22 地基，2026-09-08）
   SSOT = work/ui-proto/v3.8.html :root（原型 v3.8a 评审定稿）；
   详版映射表 = docs/20260906-SPEC-设计系统与token.md

   硬约束：
   1. 本文件只允许 CSS 自定义属性（:root 变量），禁止任何选择器规则
      ——批22 验收口径=全站 0 视觉 diff（dHash 基线比对）。
   2. 只增新命名空间 --cs-*，禁止在此重定旧变量（--red/--line/--ink 等）
      ——前科：index.html 深色主题同名变量值完全不同
      （--red #ff4d4d / --line #2d354c），全局重定必炸视觉。
      旧变量→token 的实际重指放到后续逐组件批（dHash 把关）。
   3. 老内核（荣耀 Chrome/92）兼容：纯变量声明，无新语法。
   ============================================================ */
:root{
  /* —— 品牌色 —— */
  --cs-primary:#0F6F64;
  --cs-primary-strong:#0B4A44;
  --cs-primary-soft:#E4F1EE;
  /* —— IM 气泡（微脉圈气质：浅青绿+墨字，微信兜底范式） —— */
  --cs-im-bubble:#C9EBDD;
  --cs-im-bubble-ink:#123B35;
  /* —— 语义色 —— */
  --cs-accent-red:#D93246;
  --cs-success:#21845C;
  --cs-warning:#C08A24;
  --cs-danger:#E5484D;
  --cs-info:#2469C8;
  /* —— 灰阶（0 白 → 10 近黑） —— */
  --cs-gray-0:#FFFFFF;
  --cs-gray-1:#F6F8F7;
  --cs-gray-2:#EEF2F1;
  --cs-gray-3:#E2E8E6;
  --cs-gray-4:#CDD6D3;
  --cs-gray-5:#A8B5B1;
  --cs-gray-6:#7C8C88;
  --cs-gray-7:#5A6B67;
  --cs-gray-8:#3D4C49;
  --cs-gray-9:#26332F;
  --cs-gray-10:#141A19;
  /* —— 文本/背景基色 —— */
  --cs-ink:#17211E;
  --cs-muted:#60717F;
  --cs-line:#E2E8E6;
  --cs-bg:#F3F6F5;
  /* —— 圆角 —— */
  --r-s:6px; --r-m:10px; --r-l:14px; --r-xl:20px; --r-pill:999px;
  /* —— 阴影 —— */
  --e1:0 2px 8px rgba(15,40,36,.06);
  --e2:0 8px 24px rgba(15,40,36,.12);
  --e3:0 16px 40px rgba(15,40,36,.18);
  /* —— 字号阶 —— */
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-15:15px; --fs-17:17px; --fs-20:20px; --fs-24:24px;
  /* —— 动效 —— */
  --t-fast:120ms; --t-med:200ms; --t-slow:280ms;
  --ease:cubic-bezier(.2,.8,.2,1);
}