/* XGame 设计系统 Tokens — TV 大屏 + 手机 双尺度（亮色系 v2）
 * 页面只引用 token 变量，不写死数值
 * 动效 ≤300ms
 * 风格：亮、简洁、低装饰、清晰层级（电视远距离 + 手机单手都好用）
 */
:root {
  /* ========= 色板 ========= */
  --c-primary:         #ff6b35;   /* 活力橙 — 主按钮/强调 */
  --c-primary-hover:   #ff8c5a;
  --c-primary-soft:    #fff1e6;
  --c-secondary:       #4a90e2;   /* 温和蓝 — 次按钮/链接 */
  --c-secondary-hover: #6ba8f0;
  --c-accent:          #ffd93d;   /* 暖黄 — 成就/星星 */
  --c-success:         #22a67a;   /* 绿 — 正确/完成 */
  --c-danger:          #e5484d;   /* 红 — 错误/警告 */
  --c-info:            #6c5ce7;   /* 紫 — 提示/标签 */

  /* 背景（亮色） */
  --c-bg:              #f7f8fc;   /* 极浅灰蓝 — 全页底 */
  --c-bg-elev:         #ffffff;   /* 卡片/面板 */
  --c-bg-soft:         #f0f2f7;   /* hover / 次级 */

  /* 文字（WCAG AA 对比度已核对） */
  --c-text:            #1a202c;   /* 主文字 — 对 #f7f8fc 对比度 14:1 ✓ */
  --c-text-soft:       #4a5568;   /* 次级 — 对比度 9:1 ✓ */
  --c-text-muted:      #718096;   /* 辅助 — 对比度 5.5:1 ✓ */
  --c-text-on-primary: #ffffff;   /* 主色按钮上的白字 */
  --c-text-on-accent:  #3a1f00;

  /* 边框（极浅，避免装饰感） */
  --c-border:          #e6e8ef;   /* 卡片/网格分割线 */
  --c-border-strong:   #d0d4dd;   /* 聚焦态 */

  /* ========= TV 大屏尺度（基准 1920x1080） ========= */
  --tv-radius-xs:      6px;
  --tv-radius-sm:      12px;
  --tv-radius-md:      18px;
  --tv-radius-lg:      28px;
  --tv-radius-xl:      40px;

  --tv-space-xs:       8px;
  --tv-space-sm:       14px;
  --tv-space-md:       20px;
  --tv-space-lg:       30px;
  --tv-space-xl:       42px;
  --tv-space-2xl:      64px;