/* DropDeck 主题 —— creative 流派：要惊艳、要被转发、要有抢的冲动。
 * 视觉主张「显影」：卡面像相纸在暗房里显影出来 —— 稀有度越高，显影得越亮。
 * 不是黑底霓虹（红线）：底是深墨绿灰，唯一满饱和色是「显影金」，只出现在稀有度和倒计时上。
 */
:root{
  /* 底色：深墨，比纯黑软，带一点绿调（暗房安全灯的补色） */
  --tj-bg:        #14171A;
  --tj-surface:   #1B1F23;
  --tj-surface-2: #23282D;
  --tj-line:      #2E343A;
  --tj-line-soft: #262B30;

  /* 文字：三级，暖白偏灰 */
  --tj-ink:       #ECEEF0;
  --tj-ink-2:     #A2A9B0;
  --tj-ink-3:     #6B737B;

  /* 唯一满饱和色：显影金。只在稀有度徽记、倒计时、抢购按钮上出现 */
  --tj-accent:      #E8A317;
  --tj-accent-hover:#D19412;
  --tj-accent-ink:  #191714;
  --tj-accent-soft: #282621;
  --tj-accent-line: #454034;

  /* 状态：全部脱饱和 */
  --tj-ok:   #6E8A72; --tj-ok-bg:  #1E2620; --tj-ok-line:  #2C382F; --tj-ok-ink:  #8FA893;
  --tj-warn: #847E70; --tj-warn-bg:#242320; --tj-warn-line:#35322A; --tj-warn-ink:#A89B78;
  --tj-err:  #8A6A66; --tj-err-bg: #261E1D; --tj-err-line:#382B29; --tj-err-ink: #A88580;

  /* 字体：展示用几何粗体（卡牌感），正文清晰，数字用等宽（倒计时不跳动） */
  --tj-font-display: 'Bricolage Grotesque', 'Noto Sans SC', system-ui, sans-serif;
  --tj-font-body: 'Inter', 'Noto Sans SC', -apple-system, 'PingFang SC', system-ui, sans-serif;
  --tj-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* 五档稀有度：靠明度和边框区分，只有最高档 mythic 用满饱和金 */
  --dd-common:    #6B737B; --dd-common-bg:    #22272B;
  --dd-rare:      #7E8B9A; --dd-rare-bg:      #232A31;
  --dd-epic:      #8B7E9A; --dd-epic-bg:      #272331;
  --dd-legend:    #9A8B72; --dd-legend-bg:    #2B2620;
  --dd-mythic:    #E8A317; --dd-mythic-bg:    #282621;
}