/* ═══════════════════════════════════════════════
   泡泡宇宙 · 设计 token
   来源：泡泡宇宙-UI规格.md（2026-11-03 定稿）
   规则：只用变量，不写死颜色/圆角/字号。
   ═══════════════════════════════════════════════ */

:root {
  /* 主粉 */
  --pink-1: #ff9dc0;
  --pink-2: #e75c8d;
  --pink-deep: #a83a63;

  /* 浅粉 / 奶白 */
  --pink-050: #fff4f9;
  --pink-100: #ffe4ee;
  --pink-200: #ffd9e8;
  --milk: #fffdfd;

  /* 黑白灰层 */
  --ink: #1a1a1e;
  --ink-2: #4a444b;
  --mut: #8b8189;
  --bg: #f2f2f4;
  --line: #ece7eb;
  --line-2: #f6f1f4;

  /* 唯一暖点缀 */
  --gold: #ffd23e;

  /* 状态色（只在角标与报错用） */
  --ok: #2c8a6d;
  --ok-bg: #eef8f4;
  --warn: #b8822b;
  --warn-bg: #fdf7ea;
  --bad: #c94040;
  --bad-bg: #fdf1f1;

  /* 圆角 */
  --r-xl: 28px;
  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 10px;
  --r-pill: 999px;

  /* 间距：8 的倍数 */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;

  /* 字号阶梯 */
  --t1: 23px;   /* 招牌 */
  --t2: 17px;   /* 屏显 */
  --t3: 15px;   /* 标题 */
  --t4: 13.5px; /* 正文 */
  --t5: 12px;   /* 辅助 */

  /* 阴影三档 */
  --sh-float: 0 30px 64px rgba(206, 120, 164, .30);
  --sh-hover: 0 8px 20px rgba(220, 90, 140, .38);
  --sh-edge: 0 3px 0 var(--pink-deep);

  /* 安全区 */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* 触屏最小点击区 */
  --tap: 44px;
  --tab-h: 56px;
}