/*
 * 全站字号 / 字重（参照 smsala.com/en 实测，2026-09-25）
 * 在旧主题 style-business-solution.css 之后加载，覆盖其默认字阶。
 * 字体族：系统字体组合（不加载网络字体）——西文走 SF / Segoe UI，中文走苹方 / 微软雅黑 / 思源黑体，代码走系统等宽字体。
 * 修改字阶：只改下方 :root 变量即可全站生效。
 */

/* 系统字体组合：零下载、各平台原生渲染；西文字体在前以保证英文与数字使用西文字形 */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Source Han Sans SC', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  /* 标题与正文同一字族，层级靠字号与字重区分 */
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --bs-font-sans-serif: var(--font-sans);
  --bs-body-font-family: var(--font-sans);

  /* 标题：桌面 1440px → 手机 390px 线性缩放 */
  --t-h1: clamp(33px, calc(28.54px + 1.143vw), 45px); /* smsala h1 45 / 33 */
  --t-h2: clamp(28px, calc(23.54px + 1.143vw), 40px); /* smsala h2 40 / 28 */
  --t-panel: clamp(28px, calc(24.29px + 0.952vw), 38px); /* 标签页面板标题 38 */
  --t-card-title: 20px; /* smsala h3 */
  --t-subtitle: 18px; /* 面板 / 分组标题 */

  /* 正文 */
  --t-lead: clamp(16px, calc(15.26px + 0.19vw), 18px); /* 首屏副文 18 / 16 */
  --t-body: 16px;
  --t-intro: 15.5px; /* 区块标题下的说明文字 */
  --t-card-text: 14px; /* 卡片正文 */
  --t-small: 14px;
  --t-caption: 12px;
  --t-eyebrow: 12px; /* 区块小标签（大写） */

  /* 导航 / 按钮 / 页脚 */
  --t-nav: 14.5px;
  --t-nav-item: 14px;
  --t-nav-desc: 12px;
  --t-btn: 15px;
  --t-btn-sm: 14.5px;
  --t-footer-head: 13px;
  --t-footer-link: 14px;
  --t-footer-text: 14.5px;
  --t-stat: 43.2px;

  /* 字重 */
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-bold: 700;
}

body {
  font-size: var(--t-body);
  font-weight: var(--w-regular);
}

/* ---- 标题 ---- */
h1,
.h1,
.display-4 {
  font-size: var(--t-h1);
  font-weight: var(--w-bold);
}
h2,
.h2,
.display-5 {
  font-size: var(--t-h2);
  font-weight: var(--w-bold);
}
h3,
.h3,
h4,
.h4,
.card-title {
  font-size: var(--t-card-title);
  font-weight: var(--w-bold);
}
h5,
.h5 {
  font-size: var(--t-subtitle);
  font-weight: var(--w-bold);
}
h6,
.h6 {
  font-size: var(--t-nav-item);
  font-weight: var(--w-semibold);
}

/* ---- 正文 ---- */
.lead {
  font-size: var(--t-lead);
  font-weight: var(--w-regular);
}
.nk-block-text {
  font-size: var(--t-intro);
}
.nk-block-text.lead {
  font-size: var(--t-lead);
}
.fs-16 {
  font-size: var(--t-intro) !important;
}
.overline-title,
.badge.text-uppercase {
  font-size: var(--t-eyebrow);
  font-weight: var(--w-bold);
}

/* ---- 按钮 ---- */
.btn {
  font-size: var(--t-btn);
  font-weight: var(--w-semibold);
}
.btn-sm {
  font-size: var(--t-btn-sm);
}

/* ---- 表单 ---- */
.form-control,
.form-select {
  font-size: var(--t-btn);
}

/* ---- 页脚 ---- */
.nk-footer-info .title {
  font-size: var(--t-footer-head);
  font-weight: var(--w-bold);
}
.nk-footer-info ul li a,
.nk-footer-info ul li span {
  font-size: var(--t-footer-link);
  font-weight: var(--w-regular);
}
.nk-footer-text,
.nk-footer-brand p {
  font-size: var(--t-footer-text);
  font-weight: var(--w-regular);
}

/* ---- 字体族：全站统一系统字体（覆盖旧主题的 Plus Jakarta Sans / Roboto） ---- */
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
  /* smsala：<body class="antialiased">——灰度抗锯齿，深色底上的文字不发粗 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:is(h1, h2, h3, .h1, .h2, .h3, .nk-block-title, .title):not(.modern-black-navbar *, .site-mobile-menu *) {
  font-family: var(--font-display);
}
code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
}
