/* ============================================================
   RENLAI 人来 · 设计变量（★ 改配色、字体、圆角只改这个文件）
   原工程对应 tailwind.config.js + src/index.css
   颜色取自《RENLAI人来_品牌全案设计》
   ============================================================ */

:root {
  /* ---------- 品牌色 ---------- */
  --teal: #21b8b3;          /* 品牌主色：人来青绿 */
  --teal-deep: #0f7a76;     /* 深青绿：强调与深底 */
  --teal-soft: #8fd8d5;     /* 浅青绿：深色底上的辅助 */
  --teal-mist: #eaf5f4;     /* 极浅青：区块底色 */

  --ink: #14181a;           /* 主文字 / 墨黑 */
  --ink-soft: #5c6b6b;      /* 次级文字 */

  --paper: #f7fafa;         /* 页面底色 */
  --mist: #f2f7f7;          /* 雾白区块 */
  --line: #d9e2e2;          /* 发丝边框 */
  --warm: #c0392b;          /* 警示红（全案少量使用） */

  /* 深底上的文字透明度层级 */
  --on-dark: rgba(255, 255, 255, 0.92);
  --on-dark-2: rgba(255, 255, 255, 0.75);
  --on-dark-3: rgba(255, 255, 255, 0.6);
  --on-dark-4: rgba(255, 255, 255, 0.42);
  --on-dark-line: rgba(255, 255, 255, 0.14);

  /* ---------- 字体 ---------- */
  --font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --tracking-label: 0.22em;  /* 区块标签的追踪字距 */

  /* ---------- 字号（桌面 / 移动由 site.css 里的 clamp 处理） ---------- */
  --fs-display: clamp(2.75rem, 8vw, 5.2rem);   /* 首屏巨型标题 */
  --fs-h1: clamp(2.25rem, 5vw, 3rem);
  --fs-h2: clamp(1.875rem, 4vw, 2.5rem);
  --fs-h3: 1.125rem;
  --fs-lead: clamp(1rem, 1.6vw, 1.125rem);
  --fs-body: 0.9375rem;
  --fs-label: 0.75rem;

  /* ---------- 间距 ---------- */
  --sec-y: 5rem;             /* 区块上下留白（移动） */
  --sec-y-md: 7rem;          /* 区块上下留白（桌面） */
  --gutter: 1.25rem;         /* 页面左右安全边距 */
  --gutter-md: 2rem;

  /* ---------- 尺寸 ---------- */
  --site: 1120px;            /* 站点内容宽度 */
  --prose: 680px;            /* 正文阅读宽度 */
  --header-h: 4rem;          /* 页头高度 */

  /* ---------- 圆角 ---------- */
  --r-pill: 999px;
  --r-card: 1rem;
  --r-lg: 2rem;

  /* ---------- 动效 ---------- */
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.24s;
}

/* 内容区最大宽度与左右安全边距 */
:root {
  --wrap: min(var(--site), 100% - var(--gutter) * 2);
}