/* ============================================================
   超级通讯平台 · 设计令牌（Design Tokens）
   主题：午夜蓝 · 科技高级
   说明：全平台只认这一套变量。任何页面禁止写死颜色/字号，
        一律用 var(--xxx)，以后换肤/升级只改这一个文件，绝不连累其他。
   ============================================================ */
:root {
  /* —— 背景层（由深到浅，营造层次）—— */
  --bg-base:      #0B1020;   /* 最底背景 · 深蓝黑 */
  --bg-elevated:  #0F1626;   /* 抬升背景（导航/Tab栏） */
  --bg-card:      #151B2E;   /* 卡片 / 列表项 */
  --bg-card-2:    #1B2236;   /* 卡片悬浮 / 次级卡片 */
  --bg-input:     #1A2236;   /* 输入框底 */
  --bg-overlay:   rgba(6, 10, 20, 0.72); /* 遮罩 */

  /* —— 品牌色 —— */
  --primary:      #3B82F6;   /* 科技蓝 · 主按钮/选中态/关键强调 */
  --primary-weak: rgba(59, 130, 246, 0.14);
  --primary-strong:#2563EB;
  --accent:       #22D3EE;   /* 青 · 点缀/高亮/在线点 */
  --accent-weak:  rgba(34, 211, 238, 0.14);

  /* —— 语义色 —— */
  --success:      #34D399;
  --warning:      #FBBF24;
  --danger:       #F2545B;   /* 红包/警示/删除 */
  --reward:       #F59E0B;   /* 收益/奖励 */

  /* —— 文字 —— */
  --text:         #E6EAF2;   /* 主文字 · 近白 */
  --text-sub:     #8A93A6;   /* 次文字 · 灰蓝 */
  --text-faint:   #5B647A;   /* 极次要 / 占位 */
  --text-on-primary:#FFFFFF;

  /* —— 线条 / 分隔 —— */
  --border:       rgba(255, 255, 255, 0.07);
  --border-strong:rgba(255, 255, 255, 0.12);
  --divider:      rgba(255, 255, 255, 0.05);

  /* —— 字号阶梯（整体下调一档，更精致紧凑；全平台共用） —— */
  --fs-12: 11px; --fs-13: 12px; --fs-14: 13px; --fs-16: 15px;
  --fs-18: 16px; --fs-22: 20px; --fs-28: 25px;

  /* —— 圆角阶梯 —— */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 28px; --r-pill: 999px;

  /* —— 间距（4 的倍数）—— */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;

  /* —— 阴影 / 光晕 —— */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.45);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.55);
  --glow-primary: 0 0 0 1px rgba(59,130,246,0.35), 0 8px 28px rgba(59,130,246,0.25);

  /* —— 字体栈 —— */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC",
          "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* —— 布局尺寸 —— */
  --phone-w: 420px;            /* 手机外壳宽度 */
  --topbar-h: 56px;
  --tabbar-h: 64px;
}