/* ============================================================
   tokens.css — 换皮点①：字体 + 色板 + 全局设计变量
   （来源：feanzo.framer.website 提取，见 docs/specs）
   ============================================================ */

/* ---------- 自托管字体（latin 子集，OFL 协议） ---------- */
@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/inter-tight-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- 色板（TommPay：午夜蓝 · 冰蓝，wiki 三大首选之一「支付业信任感最强」） ---------- */
  --ink: #0A1628;            /* 午夜蓝：hero/大卡底、标题 */
  --ink-green: #05101F;      /* 更深午夜蓝：features 面板深端 */
  --green: #6FB2E8;          /* 冰蓝：CTA / 强调（唯一彩色，变量名沿用） */
  --navy: #0a2540;           /* 深蓝标题字 */
  --slate: #374859;          /* 板岩正文 */
  --gray: #5d5c5b;           /* 次级灰 */
  --mist: #eef3fb;           /* 浅蓝：footer / 浅面板 */
  --dark: #101826;           /* 深灰蓝：深色卡 */
  --white: #fff;

  /* ---------- 字体栈（原站分工：标题/UI=Plus Jakarta 500，正文=Inter，大数字/巨字=Inter Tight） ---------- */
  --font-display: 'Plus Jakarta Sans', 'Inter', 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-body: 'Inter', 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-numeric: 'Inter Tight', 'Inter', 'PingFang SC', 'Noto Sans SC', sans-serif;

  /* ---------- 版式 ---------- */
  --container: 1410px;
  --gutter: 15px;
  --radius-card: 28px;
  --radius-panel: 20px;
  --radius-btn: 10px;
  --radius-pill: 999px;

  --h1: clamp(40px, 4.2vw, 60px);
  --h2: clamp(32px, 3.2vw, 45px);
  --h3: clamp(24px, 2.3vw, 32px);
  --body-lg: 18px;
  --body-md: 16px;
  --body-sm: 14px;

  /* ---------- 动效基准（Framer appear 等价，过阻尼无回弹） ---------- */
  --reveal-duration: 0.85s;
  --reveal-ease: cubic-bezier(0.215, 0.61, 0.355, 1); /* ≈ power3.out */
}