/* ============================================================================
   赛路生物 CelluBio 设计令牌（官网 SSR 与商城 SPA 共用一份，保证两区观感一致）
   色板取自品牌参考图：全绿系单色阶 + 墨色，暖白纸面；不引入第二色相。
   ========================================================================== */
:root {
  /* 色板 */
  --clb-ink: #173b2b;        /* 深林墨绿：标题/正文强调 */
  --clb-ink-soft: #40584c;   /* 弱墨：正文 */
  --clb-ink-faint: #6f8479;  /* 辅助文字/说明 */
  --clb-pine: #1e5b3f;       /* 主行动色：按钮/链接 */
  --clb-pine-deep: #174a33;  /* 主行动色按下 */
  --clb-leaf: #3f8f5f;       /* 中间绿：悬停/标签/图标 */
  --clb-sprout: #7fb694;     /* 浅叶绿：装饰线/纤维纹样 */
  --clb-mist: #eaf3ec;       /* 雾绿：分区底/卡片底 */
  --clb-mist-deep: #dcebe0;  /* 雾绿描边 */
  --clb-paper: #fbfdfa;      /* 暖白纸面：页面底 */
  --clb-white: #ffffff;
  --clb-footer: #12291f;     /* 页脚深底 */
  --clb-danger: #b4552d;     /* 表单错误（唯一的非绿色，仅错误态） */
  /* 深绿渐变：主行动块的统一底（CTA 条 / 应用领域询价卡 / 联系卡 / 客服悬浮球） */
  --clb-grad-pine: linear-gradient(140deg, var(--clb-pine) 0%, var(--clb-pine-deep) 100%);
  /* 浅绿渐变：整段主张区的底（首页「为什么选择 CelluBio」/ 关于我们「为什么选择我们」） */
  --clb-grad-mist: linear-gradient(160deg, #f7fbf7 0%, #eef6ef 55%, #e6f1e8 100%);

  /* 字体：参考 apple.com.cn —— SF Pro（中文 SF Pro SC）+ 苹方，全站同一无衬线家族，
     标题与正文靠字重/字距/行高区分而不换字体；零外链字体，Windows 回落微软雅黑。 */
  --clb-font-display: "SF Pro SC", "SF Pro Display", "SF Pro Text", -apple-system, blinkmacsystemfont,
    "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", helvetica, arial, sans-serif;
  --clb-font-body: "SF Pro SC", "SF Pro Text", -apple-system, blinkmacsystemfont,
    "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", helvetica, arial, sans-serif;
  --clb-font-mono: "SF Mono", sfmono-regular, consolas, "Liberation Mono", menlo, monospace;

  /* 字阶 */
  --clb-fs-hero: clamp(2.1rem, 4.6vw, 3.4rem);
  --clb-fs-h2: clamp(1.5rem, 2.6vw, 2.1rem);
  --clb-fs-h3: 1.15rem;
  --clb-fs-body: 1rem;
  --clb-fs-small: 0.875rem;
  --clb-fs-micro: 0.75rem;
  /* 一级导航：官网 header 与商城 SPA 顶栏同一口径。本文件被两处 link，所以这是真共享变量，
     不是靠注释维持的约定 */
  --clb-nav-fs: 1rem;
  --clb-nav-fw: 500;

  /* 间距/圆角/阴影 */
  --clb-space-1: 0.25rem;
  --clb-space-2: 0.5rem;
  --clb-space-3: 1rem;
  --clb-space-4: 1.5rem;
  --clb-space-5: 2.5rem;
  --clb-space-6: 4rem;
  --clb-radius: 10px;
  --clb-radius-lg: 16px;
  --clb-shadow: 0 1px 2px rgba(23, 59, 43, 0.06), 0 8px 24px rgba(23, 59, 43, 0.07);
  --clb-shadow-lift: 0 2px 4px rgba(23, 59, 43, 0.08), 0 16px 40px rgba(23, 59, 43, 0.12);

  /* 版心：1280 含两侧留白（≥800px 视口留白各 2rem=32px，内容列 = 1216）。
     ⚠️ 改这个数要同步后台 SITE_RICH_TEXT_WIDTH（clb-adm-web-pc/src/shared/constants/index.ts），
     它是富文本编辑器画布宽度，等于这里的内容列宽，否则「编辑器里怎么排、前台就怎么排」不成立。 */
  --clb-page-max: 1280px;
  --clb-page-pad: clamp(1rem, 4vw, 2rem);
}