/* design-spec tokens（与 .productflow/design-spec.json 对齐；⑥ 会用 spec compile 的产物核对） */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --gray-900: #1d1d1f;
  --gray-700: #424245;
  --gray-500: #6e6e73;
  --gray-400: #86868b;
  --gray-200: #d2d2d7;
  --gray-100: #f5f5f7;
  --gray-50: #fbfbfd;
  --blue-500: #0071e3;
  --blue-400: #2997ff;
  --lime-400: #c8ff2e;
  --pink-400: #ff5ca8;
  --peach-200: #f8d2b4;
  --navy-700: #1f3a5f;
  --paper-100: #f5f2eb;
  --rain-500: #33506d;

  --font-sans: "PingFang SC", "Heiti SC", "STHeiti", "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif; /* 全站黑体（无衬线中文） */
  --font-serif: var(--font-sans); /* 全站统一黑体，不再使用衬线 */

  --fs-display: 80px;
  --fs-hero: 56px;
  --fs-h2: 48px;
  --fs-h3: 40px;
  --fs-h4: 28px;
  --fs-h5: 24px;
  --fs-lead: 21px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-caption: 12px;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.05;
  --lh-snug: 1.14;
  --lh-normal: 1.47;
  --lh-relaxed: 1.6;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px; --sp-24: 96px; --sp-36: 144px;

  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 28px; --r-pill: 980px; --r-icon: 22.37%;

  --sh-card: 0 4px 20px rgba(0, 0, 0, .08);
  --sh-float: 0 20px 60px rgba(0, 0, 0, .18);

  /* semantic */
  --color-primary: var(--gray-900);
  --color-bg: var(--color-white);
  --color-bg-tint: var(--gray-100);
  --color-text: var(--gray-900);
  --color-text-muted: var(--gray-500);
  --color-text-subtle: var(--gray-400);
  --color-link: var(--blue-500);
  --color-border: var(--gray-200);
  --color-action-primary: var(--gray-900);
  --color-action-on-primary: var(--color-white);
}