/* ==========================================================================
   设计变量（唯一来源）· 皮肤：轻盈插画 · 清新淡彩 (pastel)
   - H5 预览层：直接 <link> 本文件
   - 小程序层：由 scripts/sync.mjs 复制为 tokens.wxss 后 @import
   - 改这里 → 两端同时生效
   --------------------------------------------------------------------------
   v0.5 变更：配色沿用模板 D；新增 daengdoang 动效参数（AOS 等价物）
   ========================================================================== */

:root {
  /* 间距：JaminQ 的灵魂是"巨大留白"，这里把段落间距拉大一档 */
  --sp-1: 8rpx;
  --sp-2: 12rpx;
  --sp-3: 16rpx;
  --sp-4: 24rpx;
  --sp-5: 32rpx;
  --sp-6: 44rpx;
  --sp-7: 64rpx;
  --sp-8: 88rpx;
  --sp-9: 120rpx;
  --sp-10: 160rpx;

  /* 圆角：这套皮肤的辨识度之一，一律偏大 */
  --r-sm: 16rpx;
  --r-md: 28rpx;
  --r-lg: 40rpx;
  --r-xl: 56rpx;
  --r-full: 999rpx;

  /* 字号 */
  --fs-xs: 22rpx;
  --fs-sm: 26rpx;
  --fs-md: 30rpx;
  --fs-lg: 36rpx;
  --fs-xl: 48rpx;
  --fs-2xl: 72rpx;
  --fs-3xl: 96rpx;

  /* ------------------------------------------------------------------
     动效参数（daengdoang / AOS 等价物）
     AOS.init({ easing: "ease-out", duration: 800 })
     ------------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-aos: cubic-bezier(0, 0, 0.2, 1); /* AOS ease-out */
  --dur-fast: 260ms;
  --dur-base: 520ms;
  --dur-slow: 1000ms;
  --dur-aos: 800ms; /* AOS duration: 800 */

  /* 入场位移：AOS fade-up 的初始位移是 100px（桌面 px，≈ 200rpx） */
  --aos-shift: 200rpx;
  /* AOS zoom-in 的初始缩放是 .6 */
  --aos-scale: 0.6;

  /* ---- 底色与文字 ---- */
  --c-bg: #fdf6f8;
  --c-bg-2: #ffffff;
  --c-ink: #4a4258;
  --c-text: #5d5670;
  --c-muted: #9a94a8;
  --c-line: rgba(74, 66, 88, 0.1);
  --c-line-strong: rgba(74, 66, 88, 0.18);

  /* ---- 主色系：紫（主） + 雾蓝（辅） + 樱粉（点缀） ---- */
  --c-accent: #b48ab8;
  --c-accent-deep: #9a6ea0;
  --c-accent-soft: #f4e8f6;
  --c-blue: #8fc7e8;
  --c-blue-soft: #e6f2fb;
  --c-pink: #f7b8cd;
  --c-pink-soft: #ffeaf1;
  --c-lilac: #c8b6e8;
  --c-mint: #a8d8c4;
  --c-cream: #fbe6c8;
  --c-peach: #f6cdb4;

  /* ---- 阴影：全部带紫调，柔和不压人 ---- */
  --shadow-soft: 0 8rpx 24rpx rgba(148, 120, 160, 0.1);
  --shadow-card: 0 14rpx 44rpx rgba(148, 120, 160, 0.12);
  --shadow-float: 0 22rpx 64rpx rgba(148, 120, 160, 0.2);

  /* ---- 夜色分区：静态站的深色 section 翻译成我们的紫调 ---- */
  --c-night: #3b3350;
  --c-night-2: #4a4162;
  --c-night-text: rgba(255, 255, 255, 0.9);
  --c-night-muted: rgba(255, 255,255, 0.62);
  --c-night-line: rgba(255, 255, 255, 0.16);
  --c-night-card: rgba(255, 255, 255, 0.08);

  /* ---- 字体：小程序不支持自定义字体包，统一系统字 ---- */
  --font-sans: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --font-serif: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
  /* 手写感：楷体（iOS/Android 都有），配合 rotate 做出手写味 */
  --font-script: "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", cursive;
}