/* ===== 设计令牌 ===== */
:root{
  /* 主色：儿童向高饱和但柔和不刺眼 */
  --kc-blue:#4A90D9;
  --kc-blue-l:#E3F0FB;
  --kc-green:#5CB85C;
  --kc-green-l:#E4F5E2;
  --kc-yellow:#FFC53D;
  --kc-yellow-l:#FFF3D6;
  --kc-pink:#FF8FB1;
  --kc-pink-l:#FFE8EF;
  --kc-purple:#9B6BD6;
  --kc-purple-l:#F0E9FB;
  --kc-orange:#FF8A3D;
  --kc-orange-l:#FFEDE1;
  --kc-red:#F2637B;

  /* 中性 */
  --kc-bg:#FFF9F0;
  --kc-bg2:#FFF3E2;
  --kc-card:#FFFFFF;
  --kc-ink:#3A3226;
  --kc-ink2:#6B6152;
  --kc-ink3:#A79C8A;
  --kc-line:#EFE3D0;

  /* 字号（儿童：正文 >= 24px） */
  --fs-xs:20px;
  --fs-sm:24px;
  --fs-md:28px;
  --fs-lg:34px;
  --fs-xl:44px;
  --fs-2xl:60px;
  --fs-hanzi:180px;

  /* 圆角 & 阴影 */
  --r-s:14px;
  --r-m:22px;
  --r-l:32px;
  --r-xl:44px;
  --sh-1:0 4px 0 rgba(0,0,0,.06), 0 6px 16px rgba(120,95,60,.10);
  --sh-2:0 6px 0 rgba(0,0,0,.06), 0 12px 28px rgba(120,95,60,.16);
  --sh-in:inset 0 3px 8px rgba(120,95,60,.12);

  /* 触摸尺寸 */
  --tap:64px;          /* 最小触摸目标 */
  --tap-lg:88px;       /* 主按钮 */
  --tap-xl:112px;      /* 超大按钮（汉字卡） */

  /* 动效 */
  --dur-fast:160ms;
  --dur:260ms;
  --dur-slow:420ms;
  --ease:cubic-bezier(.34,1.56,.64,1);

  /* 安全区 */
  --safe-t:env(safe-area-inset-top, 0px);
  --safe-b:env(safe-area-inset-bottom, 0px);
  --safe-l:env(safe-area-inset-left, 0px);
  --safe-r:env(safe-area-inset-right, 0px);
}