/* variables.css - 设计变量（配色/字体/间距/动效） */
:root{
  /* —— 配色：喜茶极简 + 豆沙粉强调 —— */
  --c-ink:#1A1A1A;
  --c-ink-soft:#4A4A4A;
  --c-gray:#6B6B6B;
  --c-gray-light:#B5B5B5;
  --c-pink:#D4A5A5;
  --c-pink-soft:#E8C4C4;
  --c-cream:#FAF6F2;
  --c-champagne:#C9A876;
  --c-champagne-soft:#F5EDE0;
  --c-line:#E5DDD6;
  --c-bg:#FBF7F3;

  /* —— 像素可爱字体 ——
     Press Start 2P = 8-bit 像素标题（醒目、可爱、方块感）
     VT323          = CRT 终端像素字（适合正文，行距友好、可读性高）
  */
  --font-pixel:"Press Start 2P","VT323","Hiragino Sans GB","Microsoft YaHei",monospace;
  --font-pixel-body:"VT323","Press Start 2P","Hiragino Sans GB","Microsoft YaHei",monospace;
  --font-sans:"VT323","Press Start 2P","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-serif:"Press Start 2P","VT323",Georgia,"Songti SC","STSong",serif;
  --font-mono:"VT323","Press Start 2P","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;

  /* —— 间距与尺寸 —— */
  --container:1200px;
  --container-pd:clamp(20px,5vw,40px);
  --section-py:clamp(72px,12vh,140px);

  /* —— 圆角 —— */
  --r-sm:6px;
  --r-md:12px;
  --r-lg:20px;
  --r-pill:999px;

  /* —— 缓动与动效 —— */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.2s var(--ease);
  --t-base:.4s var(--ease);
  --t-slow:.8s var(--ease-out);

  /* —— 阴影 —— */
  --shadow-sm:0 2px 10px rgba(26,26,26,.04);
  --shadow-md:0 10px 40px rgba(26,26,26,.08);
  --shadow-soft:0 18px 50px rgba(212,165,165,.16);
}