/* tokens.css —— 官网设计令牌（Web 版）
 * 来源：app-uni/common/styles/tokens.css（App 端 rpx 版）逐条折算为 px。
 * 折算口径：750rpx 设计稿 = 375px 视口，1rpx = 0.5px。
 * 约定：官网所有样式只写布局，颜色/圆角/间距/字号/阴影一律取这里的令牌。
 */

:root {
  /* ---------- 品牌 ---------- */
  --brand: #3B7CFF;
  --brand-deep: #2A5FD9;
  --brand-soft: #E8F0FF;
  --brand-tint: #F3F7FF;

  /* ---------- 孩子侧强调色 ---------- */
  --kid-orange: #FF8A3D;
  --kid-amber: #FFB020;
  --kid-mint: #2FC6A8;
  --kid-pink: #FF6B9D;
  --kid-violet: #8B7BFF;

  /* ---------- 中性 ---------- */
  --text: #1F2329;
  --text-sub: #5A6070;
  --text-weak: #8A8F99;
  --text-faint: #B4B8C0;
  --line: #EDEFF4;
  --line-strong: #E2E6EE;
  --bg: #F4F6FB;
  --card: #FFFFFF;

  /* ---------- 语义 ---------- */
  --success: #2BA471;
  --success-soft: #E7F6EF;
  --warn: #E37318;
  --warn-soft: #FDF1E6;
  --danger: #D54941;
  --danger-soft: #FDECEA;

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

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 24px;
  --gutter: 20px;

  /* ---------- 字号（App 内） ---------- */
  --fs-cap: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-2xl: 28px;

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 5px rgba(31, 35, 41, 0.04);
  --sh-2: 0 4px 14px rgba(31, 35, 41, 0.07);
  --sh-3: 0 8px 20px rgba(31, 35, 41, 0.10);
  --sh-brand: 0 6px 14px rgba(59, 124, 255, 0.24);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 220ms;

  /* ================= 网站层（官网专用补充令牌） ================= */

  /* 版心 */
  --container: 1160px;
  --container-narrow: 820px;
  --nav-h: 64px;

  /* 网站标题阶梯（流式，随视口自适应） */
  --fs-h1: clamp(30px, 4.6vw, 52px);
  --fs-h2: clamp(23px, 3.1vw, 34px);
  --fs-h3: clamp(17px, 1.7vw, 20px);
  --fs-lead: clamp(15px, 1.35vw, 18px);

  /* 分区留白 */
  --sec-y: clamp(56px, 7vw, 104px);

  /* 层次化表面 */
  --surface: #FFFFFF;
  --surface-muted: #F7F9FD;
  --border-soft: #E9EDF5;

  /* 深色区块（页脚 / 上课演示底） */
  --ink: #141821;
  --ink-sub: #9AA3B4;
  --ink-line: rgba(255, 255, 255, 0.10);
}