/* =============================================================
 * tokens.css — 设计令牌（唯一真源）
 * 所有色彩 / 间距 / 圆角 / 阴影 / 字体集中此处，组件禁止硬编码。
 * ============================================================= */
:root {
  /* ---- 品牌色（苹果极简风：克制蓝 + 极简灰）---- */
  --brand: #0066cc;        /* 苹果蓝（克制柔和，不土） */
  --brand-2: #0055aa;      /* 深蓝（按压/链接） */
  --brand-3: #6e6e73;      /* 替代金色的中性点缀灰 */
  --brand-ink: #004499;    /* 深蓝按压 */
  --brand-grad: linear-gradient(180deg, #0066cc 0%, #0055aa 100%);
  --brand-grad-soft: #f0f4fa;  /* 浅蓝灰（替代旧的 brand-grad-soft） */

  /* ---- 中性色（极简灰阶，贴近苹果系统色）---- */
  --ink: #1d1d1f;          /* 苹果近黑主文字 */
  --ink-2: #424245;        /* 次级文字 */
  --ink-3: #6e6e73;        /* 辅助/说明文字 */
  --line: rgba(0, 0, 0, 0.08);    /* 发丝分隔线（中性黑） */
  --line-strong: rgba(0, 0, 0, 0.14);

  --bg: #ffffff;           /* 纯白底 */
  --bg-soft: #f5f5f7;      /* 苹果浅灰（卡片底、分段背景）*/
  --bg-warm: #fbfbfd;
  --bg-dark: #1d1d1f;      /* 深色对比段（苹果近黑）*/
  --bg-dark-2: #2c2c2e;
  --on-dark: #f5f5f7;
  --on-dark-2: #a1a1a6;

  /* ---- 玻璃质感 ---- */
  --glass: rgba(255, 255, 255, 0.62);
  --glass-border: rgba(255, 255, 255, 0.6);

  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace,
    SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- 字号阶梯（流式 clamp，强化层级对比）---- */
  --fs-display: clamp(2.7rem, 6.6vw, 5.2rem);
  --fs-h1: clamp(2.1rem, 4.4vw, 3.2rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 1.9vw, 1.5rem);
  --fs-lead: clamp(1.06rem, 1.5vw, 1.22rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8rem;
  --fs-mono: 0.78rem;

  /* ---- 间距（8pt 栅格）---- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 88px;
  --sp-8: 128px;
  --section-y: clamp(84px, 9vw, 128px);

  /* ---- 圆角 ---- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- 阴影（极简：极弱，贴近苹果风）---- */
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.03);
  --sh-2: 0 4px 16px rgba(0, 0, 0, 0.07);
  --sh-3: 0 10px 30px rgba(0, 0, 0, 0.1);
  --sh-glow: 0 0 0 1px rgba(0, 102, 204, 0.15);
  --sh-brand: 0 8px 24px rgba(0, 102, 204, 0.18);

  /* ---- 布局 ---- */
  --container: 1200px;
  --container-narrow: 920px;
  --nav-h: 72px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 0.18s;
  --t: 0.32s;
  --t-slow: 0.6s;
}