/* 展示字体：Noto Sans SC Bold（思源黑体，SIL OFL 1.1，可商用）。
   这里只加载**精确子集**——tools/subset-font.sh 把全站会出现的中文字形单独打了出来，
   由 8MB 级的源字体压到 ~96KB。字形集是封闭的，因为结果页不含任何用户输入的文字。
   font-display: swap 是刻意的：字体慢/加载失败时先落回系统字体，绝不白屏。 */
@font-face {
  font-family: 'MarvelDisplay';
  src: url('../assets/fonts/subset.woff2') format('woff2');
  font-display: swap;
  font-weight: 700;
}

:root {
  /* 深空渐变背景 */
  --bg:        #0B0E14;
  --bg-2:      #161B26;
  /* 屏幕与导出共用的背景渐变：body 与 #resultCard 都引用它。
     二者必须一致，否则导出的长图是纯色而屏幕是渐变（Task 11 控制器裁决） */
  --bg-image:  radial-gradient(120% 80% at 50% 0%, var(--bg-2) 0%, var(--bg) 60%);
  /* 文字 */
  --ink:       #F2F4F8;
  --ink-dim:   #8A93A6;
  --ink-faint: rgba(138,147,166,.7);   /* 更弱的次要说明文字 */
  /* 细金属线 */
  --line:      rgba(255,255,255,.14);
  --line-soft: rgba(255,255,255,.07);
  --overlay:   rgba(255,255,255,.03);   /* 悬停等轻微叠加层 */
  --overlay-2: rgba(255,255,255,.06);   /* 悬停等较强叠加层 */
  /* 强调色：由英雄主题色覆盖 */
  --accent:    #E23636;
  --accent-2:  #F0B429;

  /* 仅用于 mask 的 alpha 通道（渐变遮罩要把中段设为不透明），
     不是可见颜色，所以不放主题色系里。单独放个令牌是为了让 base.css 保持零字面量。 */
  --mask-solid: #000;

  --font-ui:   -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-hero: "MarvelDisplay", var(--font-ui);  /* Task 12 提供，缺失时回落 */

  --gap:  24px;
  --pad:  28px;
  --maxw: 750px;
}