/* AUTO-GENERATED by packages/tokens/scripts/gen.mjs — 勿手改 */
/* 默认皮肤：zhusha（朱砂）；切换：document.documentElement.dataset.skin = '<id>' */
/* 皮肤 zhusha（朱砂，light 底） */
:root, [data-skin='zhusha'] {
  --brand: #E02E24;
  --brand-hover: #C5221E;
  --gold: #FFAA22;
  --gold-lo: #FFD68D;
  --coin: #FF6600;
  --gain: #FF8C42;
  --on-brand: #FFFFFF;
  --on-bad: #FFFFFF;
  --on-gold: #1C1B1F;
  --on-dark: #FFFFFF;
  --on-fill: #FFFFFF;
  --brand-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);
  --bad-soft: color-mix(in srgb, var(--bad) 12%, transparent);
  --warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);
  --info-soft: color-mix(in srgb, var(--info) 12%, transparent);
  --brand-text: #B31A14;
  --bad-text: #B02424;
  --ok-text: #177A3E;
  --warn-text: #9A5B00;
  --info-text: #0059C6;
  --gold-text: #8A5A00;
  --ok: #34C759;
  --bad: #D32F2F;
  --warn: #FF9500;
  --info: #007AFF;
  --bg: #F8F9FA;
  --surface-1: #FFFFFF;
  --surface-2: #F3F0F0;
  --inset: #EDEBEC;
  --text-hi: #1C1B1F;
  --text-mid: #49454F;
  --text-low: #6C6873;
  --hairline: rgba(28,27,31,.10);
  --focus-ring: rgba(224,46,36,.25);
  --scrim: rgba(18,18,24,.45);
  --scrim-deep: rgba(18,18,24,.50);
  --scrim-blur: blur(8px);
  --bg-chip: #3b82f6;
  --bg-chip-soft: rgba(59,130,246,.16);
  --bg-chip-ring: rgba(59,130,246,.5);
  --pose-chip: #22c55e;
  --pose-chip-soft: rgba(34,197,94,.16);
  --pose-chip-ring: rgba(34,197,94,.5);
  --h-sm: 32px;
  --h-md: 40px;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-props: background, border-color, color, box-shadow, transform, opacity, filter, outline-color;
  --disp: 'Smiley Sans', -apple-system, 'PingFang SC', sans-serif;
  --body: -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
  --radius-xs: 6px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 20px;
  --shadow-1: 0 1px 2px rgba(16,24,40,.06);
  --shadow-2: 0 12px 40px rgba(16,24,40,.10);
  --motion-quick: 150ms;
  --motion-base: 200ms;
  --ease: cubic-bezier(.32,.72,0,1);
  --bg-base: var(--bg);
  --panel: var(--surface-1);
  --panel-strong: var(--surface-2);
  --stage: var(--inset);
  --card: var(--surface-1);
  --card-hover: var(--surface-2);
  --border: var(--hairline);
  --border-strong: var(--hairline);
  --fg: var(--text-hi);
  --muted: var(--text-mid);
  --faint: var(--text-low);
  --accent: var(--brand);
  --accent-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --accent-ring: color-mix(in srgb, var(--brand) 32%, transparent);
  --on-bg: var(--on-brand);
  --on-fg: var(--brand);
  --on-accent: var(--on-brand);
  --danger: var(--bad);
  --fail-fg: var(--bad-text);
  --toast-fg: var(--on-dark);
  --done-fg: var(--ok);
  --done-bg: var(--ok-soft);
  --pill-bg: color-mix(in srgb, var(--text-hi) 6%, transparent);
  --tab-hover-bg: color-mix(in srgb, var(--text-hi) 4%, transparent);
  --radius: var(--radius-s);
  --radius-lg: var(--radius-m);
  --radius-ctl: var(--radius-xs);
  --radius-card: var(--radius-s);
  --surface-card: var(--surface-1);
  --surface-ctl: var(--surface-2);
  --surface-sub: var(--surface-1);
  --surface-pop: var(--surface-1);
  --surface-ctl-pop: var(--surface-2);
  --gold1: var(--gold-lo);
  --gold2: var(--gold);
  --tan: var(--text-low);
  --fz-gold: var(--gold);
  --fz-gold-hi: var(--gold-lo);
  --fz-gold-deep: var(--warn);
}

/* 皮肤 warmwhite（暖白，light 底）
   推导值（待确认）：surface-1 surface-2 inset text-mid text-low hairline focus-ring brand-hover gain gold-lo brand-text scrim scrim-deep shadow-1 shadow-2 ok-text bad-text warn-text info-text gold-text */
[data-skin='warmwhite'] {
  --brand: #F76B1C;
  --brand-hover: #D9560F;
  --gold: #D8B36C;
  --gold-lo: #E9C993;
  --coin: #FF6600;
  --gain: #F76B1C;
  --on-brand: #211F1A;
  --on-bad: #FFFFFF;
  --on-gold: #211F1A;
  --on-dark: #FFFFFF;
  --on-fill: #FFFFFF;
  --brand-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);
  --bad-soft: color-mix(in srgb, var(--bad) 12%, transparent);
  --warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);
  --info-soft: color-mix(in srgb, var(--info) 12%, transparent);
  --brand-text: #923A0B;
  --bad-text: #A72222;
  --ok-text: #136332;
  --warn-text: #7D4A00;
  --info-text: #0050B3;
  --gold-text: #764D00;
  --ok: #34C759;
  --bad: #D32F2F;
  --warn: #FF9500;
  --info: #007AFF;
  --bg: #F4F1EA;
  --surface-1: #FFFEFB;
  --surface-2: #F0ECE2;
  --inset: #E9E4D8;
  --text-hi: #211F1A;
  --text-mid: #57524A;
  --text-low: #5A5548;
  --hairline: rgba(33,31,26,.10);
  --focus-ring: rgba(247,107,28,.30);
  --scrim: rgba(33,31,26,.45);
  --scrim-deep: rgba(33,31,26,.50);
  --scrim-blur: blur(8px);
  --bg-chip: #3b82f6;
  --bg-chip-soft: rgba(59,130,246,.16);
  --bg-chip-ring: rgba(59,130,246,.5);
  --pose-chip: #22c55e;
  --pose-chip-soft: rgba(34,197,94,.16);
  --pose-chip-ring: rgba(34,197,94,.5);
  --h-sm: 32px;
  --h-md: 40px;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-props: background, border-color, color, box-shadow, transform, opacity, filter, outline-color;
  --disp: 'Smiley Sans', -apple-system, 'PingFang SC', sans-serif;
  --body: -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
  --radius-xs: 6px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 20px;
  --shadow-1: 0 1px 2px rgba(70,60,40,.06);
  --shadow-2: 0 12px 40px rgba(70,60,40,.10);
  --motion-quick: 150ms;
  --motion-base: 200ms;
  --ease: cubic-bezier(.32,.72,0,1);
  --bg-base: var(--bg);
  --panel: var(--surface-1);
  --panel-strong: var(--surface-2);
  --stage: var(--inset);
  --card: var(--surface-1);
  --card-hover: var(--surface-2);
  --border: var(--hairline);
  --border-strong: var(--hairline);
  --fg: var(--text-hi);
  --muted: var(--text-mid);
  --faint: var(--text-low);
  --accent: var(--brand);
  --accent-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --accent-ring: color-mix(in srgb, var(--brand) 32%, transparent);
  --on-bg: var(--on-brand);
  --on-fg: var(--brand);
  --on-accent: var(--on-brand);
  --danger: var(--bad);
  --fail-fg: var(--bad-text);
  --toast-fg: var(--on-dark);
  --done-fg: var(--ok);
  --done-bg: var(--ok-soft);
  --pill-bg: color-mix(in srgb, var(--text-hi) 6%, transparent);
  --tab-hover-bg: color-mix(in srgb, var(--text-hi) 4%, transparent);
  --radius: var(--radius-s);
  --radius-lg: var(--radius-m);
  --radius-ctl: var(--radius-xs);
  --radius-card: var(--radius-s);
  --surface-card: var(--surface-1);
  --surface-ctl: var(--surface-2);
  --surface-sub: var(--surface-1);
  --surface-pop: var(--surface-1);
  --surface-ctl-pop: var(--surface-2);
  --gold1: var(--gold-lo);
  --gold2: var(--gold);
  --tan: var(--text-low);
  --fz-gold: var(--gold);
  --fz-gold-hi: var(--gold-lo);
  --fz-gold-deep: var(--warn);
}

/* 皮肤 inkgold（墨金，dark 底）
   推导值（待确认）：brand-hover gain gold-lo brand-text bad-text text-low text-mid */
[data-skin='inkgold'] {
  --brand: #F76B1C;
  --brand-hover: #DE5A0E;
  --gold: #C8A35F;
  --gold-lo: #E0BC7E;
  --coin: #FF6600;
  --gain: #F76B1C;
  --on-brand: #151518;
  --on-bad: #151518;
  --on-gold: #151518;
  --on-dark: #FFFFFF;
  --on-fill: #FFFFFF;
  --brand-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);
  --bad-soft: color-mix(in srgb, var(--bad) 12%, transparent);
  --warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);
  --info-soft: color-mix(in srgb, var(--info) 12%, transparent);
  --brand-text: #FF9A57;
  --bad-text: #F0917F;
  --ok-text: #8FB573;
  --warn-text: #D8B36C;
  --info-text: #5EACFF;
  --gold-text: #C8A35F;
  --ok: #8FB573;
  --bad: #D2695E;
  --warn: #D8B36C;
  --info: #5EACFF;
  --bg: #0E0E10;
  --surface-1: #16161A;
  --surface-2: #1D1D22;
  --inset: #0F0F11;
  --text-hi: #ECECEC;
  --text-mid: #A6A199;
  --text-low: #8A857C;
  --hairline: rgba(239,235,227,.08);
  --focus-ring: rgba(247,107,28,.35);
  --scrim: rgba(8,8,10,.72);
  --scrim-deep: rgba(8,8,10,.78);
  --scrim-blur: blur(8px);
  --bg-chip: #3b82f6;
  --bg-chip-soft: rgba(59,130,246,.16);
  --bg-chip-ring: rgba(59,130,246,.5);
  --pose-chip: #22c55e;
  --pose-chip-soft: rgba(34,197,94,.16);
  --pose-chip-ring: rgba(34,197,94,.5);
  --h-sm: 32px;
  --h-md: 40px;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-props: background, border-color, color, box-shadow, transform, opacity, filter, outline-color;
  --disp: 'Smiley Sans', -apple-system, 'PingFang SC', sans-serif;
  --body: -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
  --radius-xs: 6px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 20px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.40);
  --shadow-2: 0 12px 40px rgba(0,0,0,.50);
  --motion-quick: 150ms;
  --motion-base: 200ms;
  --ease: cubic-bezier(.32,.72,0,1);
  --bg-base: var(--bg);
  --panel: var(--surface-1);
  --panel-strong: var(--surface-2);
  --stage: var(--inset);
  --card: var(--surface-1);
  --card-hover: var(--surface-2);
  --border: var(--hairline);
  --border-strong: var(--hairline);
  --fg: var(--text-hi);
  --muted: var(--text-mid);
  --faint: var(--text-low);
  --accent: var(--brand);
  --accent-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --accent-ring: color-mix(in srgb, var(--brand) 32%, transparent);
  --on-bg: var(--on-brand);
  --on-fg: var(--brand);
  --on-accent: var(--on-brand);
  --danger: var(--bad);
  --fail-fg: var(--bad-text);
  --toast-fg: var(--on-dark);
  --done-fg: var(--ok);
  --done-bg: var(--ok-soft);
  --pill-bg: color-mix(in srgb, var(--text-hi) 6%, transparent);
  --tab-hover-bg: color-mix(in srgb, var(--text-hi) 4%, transparent);
  --radius: var(--radius-s);
  --radius-lg: var(--radius-m);
  --radius-ctl: var(--radius-xs);
  --radius-card: var(--radius-s);
  --surface-card: var(--surface-1);
  --surface-ctl: var(--surface-2);
  --surface-sub: var(--surface-1);
  --surface-pop: var(--surface-1);
  --surface-ctl-pop: var(--surface-2);
  --gold1: var(--gold-lo);
  --gold2: var(--gold);
  --tan: var(--text-low);
  --fz-gold: var(--gold);
  --fz-gold-hi: var(--gold-lo);
  --fz-gold-deep: var(--warn);
}

/* 共享深底上下文：data-ink=dark 局部挂（遮罩/看图/视频浮层），data-theme=dark 是它的文档根别名。
   它不是第二套主题 —— 品牌色/状态色不随它变（design D11）。 */
[data-ink='dark'], [data-theme='dark'] {
  --bg: #121212;
  --surface-1: #1E1E1E;
  --surface-2: #2D2D2D;
  --inset: #111111;
  --hairline: rgba(232,233,237,.14);
  --shadow-1: 0 1px 2px rgba(0,0,0,.40);
  --shadow-2: 0 12px 40px rgba(0,0,0,.50);
  --scrim: rgba(0,0,0,.55);
  --scrim-deep: rgba(0,0,0,.62);
  --scrim-blur: blur(8px);
  --text-hi: #E6E1E5;
  --text-mid: #CAC4D0;
  --text-low: #9A959F;
  --on-dark: #FFFFFF;
  --on-fill: #FFFFFF;
  --brand-text: #FF6B5A;
  --bad-text: #FF6B6B;
  --ok-text: #34C759;
  --warn-text: #FF9500;
  --info-text: #5EACFF;
  --gold-text: #FFAA22;
  --bg-base: var(--bg);
  --panel: var(--surface-1);
  --panel-strong: var(--surface-2);
  --stage: var(--inset);
  --card: var(--surface-1);
  --card-hover: var(--surface-2);
  --border: var(--hairline);
  --border-strong: var(--hairline);
  --fg: var(--text-hi);
  --muted: var(--text-mid);
  --faint: var(--text-low);
  --accent: var(--brand);
  --accent-soft: color-mix(in srgb, var(--brand) 12%, transparent);
  --accent-ring: color-mix(in srgb, var(--brand) 32%, transparent);
  --on-bg: var(--on-brand);
  --on-fg: var(--brand);
  --on-accent: var(--on-brand);
  --danger: var(--bad);
  --fail-fg: var(--bad-text);
  --toast-fg: var(--on-dark);
  --done-fg: var(--ok);
  --done-bg: var(--ok-soft);
  --pill-bg: color-mix(in srgb, var(--text-hi) 6%, transparent);
  --tab-hover-bg: color-mix(in srgb, var(--text-hi) 4%, transparent);
  --radius: var(--radius-s);
  --radius-lg: var(--radius-m);
  --radius-ctl: var(--radius-xs);
  --radius-card: var(--radius-s);
  --surface-card: var(--surface-1);
  --surface-ctl: var(--surface-2);
  --surface-sub: var(--surface-1);
  --surface-pop: var(--surface-1);
  --surface-ctl-pop: var(--surface-2);
  --gold1: var(--gold-lo);
  --gold2: var(--gold);
  --tan: var(--text-low);
  --fz-gold: var(--gold);
  --fz-gold-hi: var(--gold-lo);
  --fz-gold-deep: var(--warn);
}