/* chatontcf App v1 · 设计 token（方向 D 卡片活泼，冷白底）
   与 ../tokens.json 一一对应；RN 端落到 frontend-app/lib/theme/index.ts。 */
:root{
  /* 底色与表面 */
  --c-bg:#F5F6FA;            /* 冷白画布（不用米白） */
  --c-bg-tint:#EEF2FA;       /* 淡蓝分区底，iPad 侧栏 / 输入框底 */
  --c-card:#FFFFFF;
  --c-card-dark:#1B1B22;     /* 今日计划大卡 */
  --c-line:#E8E8EE;
  --c-line-strong:#D9D9E2;
  --c-scrim:rgba(18,18,28,.32);

  /* 文字 */
  --c-ink:#1A1A1F;           /* 正文 17.2:1 on white */
  --c-ink-2:#3A3A45;         /* 次正文 11.0:1 */
  --c-muted:#6E6E7A;         /* 次级 5.0:1 on white / 4.7:1 on bg */
  --c-placeholder:#868692;   /* 只给图标、输入占位，不承载信息 */
  --c-on-dark:#FFFFFF;
  --c-on-dark-muted:#B9B9C6; /* 9.6:1 on card-dark */

  /* 品牌 */
  --c-primary:#5E5DD6;       /* 白字 5.2:1 */
  --c-primary-pressed:#4C4BC2;
  --c-primary-ink:#4644B8;   /* 紫色文字放在淡紫底上 6.3:1 */
  --c-primary-tint:#EEEEFD;
  --c-primary-tint-2:#DEDDFA;

  /* D 卡片色（卡上一律深字 --c-ink） */
  --c-lilac:#C9C8F8;
  --c-sky:#B7D4FF;
  --c-mint:#A6E3C7;
  --c-pink:#F3BFE3;
  --c-gold:#F2C33F;          /* 只做小图标 / 火焰 */
  --c-on-pastel-2:#3A3F52;   /* 卡片上的次级字 ≥ 6.8:1 */
  /* 浅一档，用于行图标底、标签底 */
  --c-lilac-50:#F1F1FE;
  --c-sky-50:#EAF2FF;
  --c-mint-50:#E5F6EE;
  --c-pink-50:#FCEDF7;

  /* 评分（SM-2）——浅底 + 深色字，不用白字 */
  --c-again:#C2362F;  --c-again-tint:#FDECEB;
  --c-hard:#8F5B00;   --c-hard-tint:#FFF2D6;
  --c-good:#16774A;   --c-good-tint:#E2F5EA;
  --c-easy:#2453BF;   --c-easy-tint:#E7EFFE;

  /* 词性 / 阴阳性 */
  --c-masc:#2453BF;   --c-masc-tint:#E7EFFE;
  --c-fem:#A02F7C;    --c-fem-tint:#FCEDF7;

  /* 字体 */
  --f-latin:"Outfit","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;
  --f-cjk:"Noto Sans CJK SC","Noto Sans SC","PingFang SC",sans-serif;
  --f-ipa:"Inter","Noto Sans",sans-serif;   /* Outfit 缺 ʁ ɑ̃ 等 IPA 字形 */
  --f-num:"Outfit",sans-serif;

  /* 字号 / 行高 */
  --t-display:40px/44px; --t-title1:28px/34px; --t-title2:22px/28px; --t-title3:19px/25px;
  --t-headline:17px/24px; --t-body:15px/22px; --t-callout:14px/20px; --t-footnote:13px/18px;
  --t-caption:12px/16px; --t-micro:11px/14px;

  /* 间距（4 的倍数；页面左右边距 18 沿用已批准的 home-D） */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-page:18px;

  /* 圆角 */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-pill:999px;

  /* 阴影：只用黑色，不用彩色光晕 */
  --sh-ring:0 0 0 1px #E8E8EE;
  --sh-float:0 10px 28px rgba(20,20,40,.10),0 2px 6px rgba(20,20,40,.06);
  --sh-sheet:0 -6px 24px rgba(20,20,40,.08);
  --sh-press:0 1px 2px rgba(20,20,40,.06);

  /* 动效（RN 用 Reanimated withTiming / withSpring 复现） */
  --m-fast:120ms; --m-base:200ms; --m-slow:320ms; --m-flip:420ms;
  --e-standard:cubic-bezier(.2,0,0,1);
  --e-out:cubic-bezier(.22,.9,.25,1);
  --e-in:cubic-bezier(.4,0,1,1);
}