/* ============================================================
   tokens.css — 设计变量（明亮糖果 · 浅底）
   改配色 / 圆角 / 间距只改这一个文件。
   ============================================================ */

:root {
  /* 品牌色 */
  --c-bg: #fff8f1;
  --c-bg-2: #ffeede;
  --c-surface: #ffffff;
  --c-ink: #1f2937;
  --c-ink-soft: #6b7280;
  --c-line: rgba(31, 41, 55, 0.08);

  --c-primary: #ff6b6b;
  --c-primary-2: #ffa94d;
  --c-mint: #22c55e;
  --c-sky: #38bdf8;
  --c-grape: #a855f7;
  --c-lemon: #fbbf24;

  /* 游戏舞台：深色"屏幕"，让糖果色粒子和发光更跳 */
  --stage-bg-1: #1e1b4b;
  --stage-bg-2: #0f172a;
  --stage-fg: #f8fafc;
  --stage-fg-soft: rgba(248, 250, 252, 0.62);
  --stage-line: rgba(255, 255, 255, 0.14);

  /* 形状 */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* 阴影 */
  --sh-sm: 0 1px 2px rgba(31, 41, 55, 0.06), 0 2px 8px rgba(255, 107, 107, 0.06);
  --sh-md: 0 6px 20px rgba(31, 41, 55, 0.09);
  --sh-lg: 0 18px 44px rgba(168, 85, 247, 0.18);
  --sh-inset: inset 0 2px 14px rgba(0, 0, 0, 0.28);

  /* 字体：全系统字体栈，不下载 webfont（省一次阻塞请求 + 免 FOIT） */
  --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "HarmonyOS Sans SC", "Source Han Sans CN",
    system-ui, sans-serif;
  --ff-num: ui-rounded, "SF Pro Rounded", -apple-system, "Segoe UI", system-ui, sans-serif;

  /* 动效时长 */
  --t-fast: 120ms;
  --t-base: 220ms;
  --t-slow: 420ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* 安全区（刘海 / 圆角屏） */
  --sa-t: env(safe-area-inset-top, 0px);
  --sa-b: env(safe-area-inset-bottom, 0px);
  --sa-l: env(safe-area-inset-left, 0px);
  --sa-r: env(safe-area-inset-right, 0px);

  --topbar-h: 56px;
  --maxw: 1040px;
}