/* ============================================================
   suanqiu V4 — 豆人实验室 Design System
   Design Tokens
   ============================================================ */

:root {
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --fg: #1A1A1A;
  --muted: #6B6B70;

  --accent: #FF9500;
  --accent-hover: #E68600;
  --accent-soft: #FFF3B0;

  --mascot: #2A2A2A;
  --mascot-green: #34C759;
  --mascot-blue: #3B82F6;
  --mascot-red: #EF4444;
  --mascot-sweat: #5AC8FA;

  --pivot-base: center bottom;
  --pivot-shoulder-l: 22px 30px;
  --pivot-shoulder-r: 38px 30px;
  --pivot-hip-l: 27px 49px;
  --pivot-hip-r: 33px 49px;
  --pivot-neck: 30px 33px;
  --pivot-magnify: 50px 30px;
  --pivot-hand: 0 50%;

  --line: #EAEAE7;
  --line-soft: #F5F4F0;

  --sticky-yellow: #FFF3B0;
  --sticky-pink: #FFD0E0;
  --sticky-blue: #C0E0FF;

  --label-red: #FF3B30;
  --label-blue: #007AFF;
  --label-yellow: #FFB800;
  --label-ink: #1A1A1A;

  --radius-card: 12px;
  --radius-btn: 980px;
  --radius-sticky: 2px;
  --radius-tag: 6px;

  /* 中文字形一律走系统字体，不加载 CJK webfont（Noto Sans SC 有 101 个
     unicode-range 子集，中文站会拉几十个 woff2 分片，是最重的性能负担） */
  --font-display: 'Space Grotesk', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-hand: 'Caveat', 'Marker Felt', 'Comic Sans MS', cursive;
  --font-mono: 'SF Mono', 'JetBrains Mono', Menlo, monospace;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-sticky: 0 2px 4px rgba(0, 0, 0, 0.08);

  --ease-out: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@property --sway-amp {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: true;
}