/* ====================================================================
   3=0 design tokens
   ====================================================================
   背景近黑,卡牌三功能色强对比,霓虹仅用于竞技元素
   ==================================================================== */

:root {
  /* ---- 背景层级(从最底到最上) ---- */
  --bg-0: #08090C;        /* 全局深底 */
  --bg-1: #101218;        /* 卡片 / 面板 */
  --bg-2: #161922;        /* 卡片内的输入框、嵌套块 */
  --bg-elev: #1C2030;     /* hover / 选中 */

  /* ---- 描边 / 分隔 ---- */
  --line: rgba(140, 152, 180, 0.08);
  --line-strong: rgba(140, 152, 180, 0.18);
  --line-bright: rgba(140, 152, 180, 0.36);

  /* ---- 文字 ---- */
  --ink-0: #F2F4F8;       /* 主文字 */
  --ink-1: #8892A6;       /* 次级文字 / label */
  --ink-2: #535A6E;       /* 弱化 / 占位 */
  --ink-3: #2E3340;       /* 最弱(分隔小字)*/

  /* ---- 卡牌三功能色(纯色,绝不发光)---- */
  --card-red:   #FF3B4E;
  --card-green: #22D67A;
  --card-blue:  #3D8BFF;

  /* ---- 霓虹(稀缺资源:仅倒计时/比分/段位/排名/反馈)---- */
  --neon:        #7CF9FF;  /* 主霓虹 - 青(我方) */
  --neon-opp:    #C77CFF;  /* 对手霓虹 - 紫(对手选中、对手轨迹) */
  --neon-danger: #FF2BD6;  /* 危险霓虹 - 亮品红,和 card-red 拉开 */
  --neon-win:    #B6FF5C;  /* 胜利 */
  --neon-lose:   #FF7A2A;  /* 失败 */

  /* ---- 排版 ---- */
  --font-display: "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;
  --font-body:    "Noto Sans SC", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* ---- 几何 ---- */
  --radius-sm: 4px;
  --radius-md: 8px;

  /* ---- 节奏 ---- */
  --step-1: 4px;
  --step-2: 8px;
  --step-3: 12px;
  --step-4: 16px;
  --step-5: 24px;
  --step-6: 32px;
  --step-7: 48px;
  --step-8: 64px;
  --step-9: 96px;
}