/* img2ppt 设计 token —— 唯一定义色值的地方。
   改色只改这里；base / components / pages 三份表只引用变量，不写死颜色。
   对比度经过 WCAG 实算，见 tests/test_design_tokens.py。 */
:root{
  /* 中性灰打底 + 单一强调色。彩色越多越像个人作品。 */
  --bg:#ffffff;         --sunken:#f7f8fa;
  --line:#e8eaed;       --line-strong:#d0d5dd;
  --fg:#101828;         --fg-2:#344054;
  --muted:#667085;      --faint:#98a2b3;
  --accent:#2563eb;     --accent-weak:#eff4ff;  --accent-hover:#1d4ed8;
  --accent-line:#bfd6fe;
  --ok:#047857;         --ok-weak:#f0fdf6;      --ok-line:#a7e0c4;
  --warn:#b45309;       --warn-weak:#fffbeb;    --warn-line:#fcd9a4;
  --err:#dc2626;        --err-weak:#fef2f2;     --err-line:#fecaca;

  /* 面与遮罩 */
  --surface:#ffffff;    /* 卡片/按钮等浮起面；--bg 是页面底色 */
  --mask:rgba(16,24,40,.45);

  /* 间距：4px 刻度。别处可写刻度内的裸 px（4/8/12/16/24/32/48），
     但不得出现刻度外数值。 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;

  /* 圆角：输入 / 卡片 / 弹窗 */
  --r1:9px; --r2:12px; --r3:16px;

  /* 字号 */
  --t1:12.5px;  /* 辅助说明 */
  --t2:13px;    /* 次要文字、标签 */
  --t3:14px;    /* 正文 */
  --t4:15px;    /* 强调正文 */
  --t5:17px;    /* 弹窗标题、区块标题 */
  --t6:35px;    /* 首屏主标题（桌面端，左文右上传两栏版式）；居中版式才需要 44px，已收回 */
  --t6-sm:28px; /* 首屏主标题（窄屏 @media max-width:820px），须小于 --t6 */

  --shadow-1:0 1px 2px rgba(16,24,40,.05);
  --shadow-2:0 4px 12px rgba(16,24,40,.08);
  --shadow-3:0 20px 48px rgba(16,24,40,.16);

  /* 闲鱼品牌黄：仅用于折叠区里的「闲鱼」小标签，纯标识、不承载信息。 */
  --xy-bg:#ffd166;      --xy-fg:#3a2b00;
}