/* ============================================
   唤心萌动 PlayHeart · 设计令牌（暗色系）
   深蓝黑基底 · 蓝紫主光 · 橙色心跳
   ============================================ */

:root {
  /* 品牌光色（暗底提亮） */
  --primary: #8188ff;
  --primary-deep: #5b5fef;
  --violet: #a78bfa;
  --accent: #ff8a5c;
  --accent-deep: #ff5d8f;

  --grad-main: linear-gradient(135deg, #6d72ff 0%, #a78bfa 100%);
  --grad-warm: linear-gradient(135deg, #ff8a5c 0%, #ff5d8f 100%);
  --grad-text: linear-gradient(120deg, #9ba1ff, #c4b5fd 55%, #ffa07a);

  /* 背景体系（三阶深色） */
  --bg: #06081a;
  --bg-2: #0a0d24;
  --bg-3: #10142f;
  --bg-soft: var(--bg-2);
  --bg-mist: rgba(129, 136, 255, 0.1);

  /* 面与线 */
  --surface: rgba(255, 255, 255, 0.05);
  --surface-2: rgba(255, 255, 255, 0.08);
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.2);

  /* 文字 */
  --ink: #eef0ff;
  --ink-2: #b6bbda;
  --ink-3: #7d83a8;

  /* 兼容旧引用 */
  --paper: var(--bg-3);
  --dark: var(--bg);
  --dark-line: var(--line);
  --dark-ink: var(--ink);
  --dark-ink-2: var(--ink-2);

  /* 功能 */
  --ok: #4ade80;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 32px;

  --shadow-s: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow-m: 0 14px 40px rgba(0, 0, 0, 0.45);
  --shadow-l: 0 28px 70px rgba(0, 0, 0, 0.55);
  --glow-primary: 0 8px 34px rgba(109, 114, 255, 0.35);
  --glow-warm: 0 8px 34px rgba(255, 138, 92, 0.35);

  /* 版式 */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC",
    "Noto Sans SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --container: 1200px;
  --header-h: 72px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.55s;
}