/* tokens.css — 设计令牌（来自品牌卡 v1.5 §3.1-3.5 + §14.5） */
:root {
  /* 品牌色（§3.1 品红主色方案 · 最终版） */
  --c-primary:        #E5007F;   /* 九紫品红 */
  --c-primary-deep:   #B00063;
  --c-primary-light:  #F7A3D3;
  --c-primary-pale:   #FBDCEE;
  --c-bg-deep:        #090005;   /* 深色区块/Footer */
  --c-accent-warm:    #E02E2C;   /* 暖红 */
  --c-accent-cyan:    #009495;   /* 青 */
  --c-accent-cyan-lt: #70C5C6;

  /* 中性色（§3.2） */
  --c-bg:        #FFFFFF;
  --c-bg-alt:    #FDF5F9;
  --c-surface:   #FFFFFF;
  --c-border:    #E8D5E0;
  --c-text:      #1A1A1A;
  --c-text-sub:  #4A4A4A;
  --c-text-mute: #8A8A8A;

  /* 字体（§3.4） */
  --font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-en: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* 字号 */
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px;
  --fs-md: 18px; --fs-lg: 20px; --fs-xl: 24px;
  --fs-2xl: 30px; --fs-3xl: 36px; --fs-4xl: 48px; --fs-5xl: 64px;

  /* 圆角（§3.5） */
  --r-card: 8px;
  --r-btn:  6px;
  --r-img:  4px;
  --r-pill: 999px;

  /* 阴影 */
  --sh-card:  0 2px 8px rgba(0,0,0,.06);
  --sh-card-hover: 0 8px 24px rgba(229,0,127,.15);
  --sh-dot:   0 0 24px var(--c-primary);
  --sh-deep:  0 8px 32px rgba(9,0,5,.4);

  /* 间距（8px 栅格） */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-5: 40px; --s-6: 48px; --s-8: 64px; --s-10: 80px; --s-12: 96px;

  /* 容器（§3.5） */
  --container: 1200px;

  /* 动效 */
  --ease: cubic-bezier(.4,0,.2,1);
  --t-fast: 150ms;
  --t-base: 300ms;
  --t-slow: 600ms;

  /* Header 高度（用于滚动时锚点偏移） */
  --h-header: 64px;
}

/* 字体外链：CDN preconnect（实际加载在 base.css） */