/* 自动生成，请勿手改 —— 改 theme/tokens.css 后跑 node tools/gen-theme.cjs */
/* 派系列 · 设计 Token 唯一来源
 *
 * 改这里 → 跑 node tools/gen-theme.cjs → 扩展（Shadow DOM）和网站（普通 CSS）同时更新。
 * 任何组件里都不允许写死颜色，一律 var(--px-*)。
 *
 * 主题切换：给 <html> 或扩展宿主元素加 data-px-theme="red|teal|indigo|ink"。
 */

:root,:host{
  /* 中性色阶 —— 全产品共用 */
  --px-ink-900:#16181C;
  --px-ink-700:#4A4E57;
  --px-ink-500:#656A74;
  --px-ink-300:#8A8F99;
  --px-ink-200:#C8C3BB;
  --px-line-200:#E9E6E1;
  --px-line-100:#F2F0EC;
  --px-surface:#FFFFFF;
  --px-surface-2:#FAF9F6;
  --px-canvas:#F7F7F6;

  /* 语义色 —— 不随主题变 */
  --px-danger:#DC2626;
  --px-danger-w:#FBEAE9;
  --px-success:#16A34A;
  --px-success-w:#EAF7EF;
  --px-warn:#C47A1E;
  --px-warn-w:#FDF0E9;
  --px-info:#2563EB;
  --px-info-w:#EAF2FE;
  /* 哑金：只给 VIP 标识，全站不超过 3 处 */
  --px-gold:#B98B2E;
  --px-gold-w:#F7F1E3;

  /* 形状 */
  --px-r-s:6px;
  --px-r-m:8px;
  --px-r-l:14px;
  --px-r-pill:999px;

  /* 阴影：三级，不要叠加两层描边 */
  --px-s1:0 1px 2px rgba(16,18,22,.05);
  --px-s2:0 4px 14px rgba(16,18,22,.07);
  --px-s3:0 10px 30px rgba(16,18,22,.10);

  /* 动效 */
  --px-ease:cubic-bezier(.2,.8,.3,1);
  --px-dur:140ms;

  /* 默认主题：红（朱砂，会员站同款） */
  --px-accent:#B02A33;
  --px-accent-h:#8E1F27;
  --px-accent-w:#FBF3F3;
  --px-on-accent:#FFFFFF;
}

/* 红 · 改良（色相 357°，明度压到 78，白字对比度 4.82） */
[data-px-theme="red"],:host([data-px-theme="red"]){
  --px-accent:#B02A33;
  --px-accent-h:#8E1F27;
  --px-accent-w:#FBF3F3;
  --px-on-accent:#FFFFFF;
}

/* 青 · WorkBuddy 同族（白字对比度 5.13） */
[data-px-theme="teal"],:host([data-px-theme="teal"]){
  --px-accent:#0F7D57;
  --px-accent-h:#0B6647;
  --px-accent-w:#E7F4EE;
  --px-on-accent:#FFFFFF;
}

/* 靛 · 参考图同族（白字对比度 6.29） */
[data-px-theme="indigo"],:host([data-px-theme="indigo"]){
  --px-accent:#4F46E5;
  --px-accent-h:#4338CA;
  --px-accent-w:#EEEDFE;
  --px-on-accent:#FFFFFF;
}

/* 墨 · 无彩色品牌（白字对比度 17.77） */
[data-px-theme="ink"],:host([data-px-theme="ink"]){
  --px-accent:#16181C;
  --px-accent-h:#000000;
  --px-accent-w:#F1F2F4;
  --px-on-accent:#FFFFFF;
}