/* ==========================================================================
   tokens.css — 1in 设计令牌（Apple 风 · 浅色主题）
   改这里 = 改全站。所有页面先引本文件，再引 site.css。
   ========================================================================== */

:root {
  /* ---------- 底色层次（浅色只用白与两档浅灰交替） ---------- */
  --bg:        #ffffff;   /* 主底 */
  --bg-2:      #f5f5f7;   /* 区块交替 */
  --bg-3:      #fafafc;   /* 卡片 / 悬浮 */
  --bg-4:      #ebecef;   /* 标签 / 输入 */
  --bg-dark:   #000000;   /* 深色区块：让黑色参与整页构图 */
  --line-dark: #2a2a2d;   /* 深色底上的分隔线 */

  /* ---------- 文字 ---------- */
  --ink:       #1d1d1f;   /* 主文字 */
  --ink-2:     #424245;   /* 次要文字 */
  --ink-3:     #6e6e73;   /* 第三级 */
  --ink-4:     #86868b;   /* 正文灰：Apple 正文色，比 #6e6e73 更透气 */
  --ink-5:     #a1a1a6;   /* 最弱：编号、辅助说明 */
  --ink-dark-2: #d2d2d7;  /* 深色底上的次要文字 */
  --ink-dark-3: #a1a1a6;  /* 深色底上的正文 */
  --ink-dark-4: #86868b;  /* 深色底上的弱文字 */
  --ink-dark-5: #6e6e73;  /* 深色底上的最弱文字 */

  /* ---------- 描边 / 分隔（浅色下用实色细线，比透明更干净） ---------- */
  --line:      #e3e3e6;
  --line-2:    #ededf0;
  --line-3:    #d6d6db;

  /* ---------- 强调色：Apple 蓝（深色底上要用更亮的蓝） ---------- */
  --blue:      #0066cc;   /* 浅底上要更深，才够对比 */
  --blue-h:    #0077ed;
  --blue-dim:  rgba(0, 102, 204, 0.08);
  --blue-dark: #2997ff;   /* 深色底上的蓝 */
  --wechat:    #07c160;

  /* 品牌橙：全站唯一保留橙色的地方（主行动按钮） */
  --brand:     #ff8c1a;
  --brand-h:   #f07800;

  --ok:        #248a3d;
  --warn:      #b25000;
  --danger:    #d70015;

  /* ---------- 字号阶梯（Apple 首页量级） ---------- */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 17px;    /* Apple 正文基准 */
  --fs-lg:   19px;
  --fs-xl:   21px;
  --fs-2xl:  24px;
  --fs-3xl:  28px;
  --fs-4xl:  40px;
  --fs-5xl:  48px;
  --fs-6xl:  56px;
  --fs-7xl:  64px;
  --fs-8xl:  80px;    /* 首屏大标题 */

  /* ---------- 行高 / 字距 ---------- */
  --lh-tight: 1.05;
  --lh-snug:  1.15;
  --lh-base:  1.5;
  --lh-loose: 1.7;
  --ls-display: -0.028em;
  --ls-tight:   -0.022em;
  --ls-base:    -0.012em;
  --ls-wide:     0.01em;
  --ls-wider:    0.14em;

  /* ---------- 间距阶梯 ---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;
  --sp-40: 160px;

  /* ---------- 圆角 ---------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-xl:   24px;
  --r-pill: 980px;

  /* ---------- 阴影（浅色下用柔和低透明度，靠它区分层次） ---------- */
  --sh-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --sh-md: 0 10px 28px rgba(0, 0, 0, 0.08);
  --sh-lg: 0 22px 60px rgba(0, 0, 0, 0.12);
  --sh-brand: 0 8px 24px rgba(255, 140, 26, 0.28);

  /* ---------- 字体栈（Apple 优先 SF Pro / 苹方） ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
               "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, Menlo, monospace;

  /* ---------- 布局 ---------- */
  --container:        1040px;
  --container-wide:   1240px;
  --nav-h:            62px;

  /* ---------- 动效 ---------- */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.3s;
  --dur-slow: 0.6s;

  --z-nav:     100;
  --z-modal:   9999;
}