/* ============================================================
   JBoltAI 设计令牌 —— 镜像自 DESIGN.md（Google design.md 规范）
   改令牌流程：先改 DESIGN.md → 手工同步本文件 → designmd lint 校验
   「工程蓝图」体系：纸感底色 / 发丝线 / 唯一主题色 蓝图蓝 #2E4FE3
   ============================================================ */
:root {
  /* —— 色彩：品牌与交互（全站唯一主题色家族，画面占比 ≤5%）—— */
  --primary: #2E4FE3;
  --on-primary: #FFFFFF;
  --primary-deep: #2140C4;
  --primary-container: #ECF0FE;
  --primary-bright: #6E8CFF;

  /* —— 色彩：墨与纸（暖灰中性系统，禁冷灰）—— */
  --ink: #15181E;
  --ink-2: #4B4D47;
  --ink-3: #8B8C85;
  --paper: #FAFAF8;
  --surface: #FFFFFF;

  /* —— 色彩：线与网格 —— */
  --line: #E4E2DC;
  --line-strong: #C9C7BF;
  --grid: rgba(21, 24, 30, 0.045);

  /* —— 色彩：深色区（每页至多一个大面积深色 section）—— */
  --dark: #0F141A;
  --on-dark: #E7EAEE;
  --on-dark-variant: #9AA3AD;
  --dark-line: #262D36;
  --dark-tile: #1B2025;
  --grid-on-dark: rgba(231, 234, 238, 0.05);

  /* —— 字体栈（零外部字体）—— */
  --font-sans: -apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans",
    "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* —— 字号 / 行高 / 字距阶梯 —— */
  --fs-display: 44px;  --lh-display: 56px;  --ls-display: -0.01em;
  --fs-h2: 32px;       --lh-h2: 44px;       --ls-h2: 0;
  --fs-h3: 20px;       --lh-h3: 30px;       --ls-h3: 0;
  --fs-lede: 17px;     --lh-lede: 30px;     --ls-lede: 0;
  --fs-body: 16px;     --lh-body: 28px;     --ls-body: 0;
  --fs-sm: 14px;       --lh-sm: 24px;       --ls-sm: 0;
  --fs-cap: 13px;      --lh-cap: 20px;      --ls-cap: 0.01em;
  --fs-eyebrow: 12px;  --lh-eyebrow: 16px;  --ls-eyebrow: 0.18em;
  --fs-stat: 34px;     --lh-stat: 40px;     --ls-stat: -0.02em;
  --fs-logotype: 20px; --lh-logotype: 28px; --ls-logotype: 0.04em;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* —— 圆角（工程感：小圆角）—— */
  --r-sm: 6px;
  --r-md: 8px;
  --r-full: 9999px;

  /* —— 间距（4pt 阶梯）—— */
  --sp-unit: 4px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-xxl: 48px;
  --sp-xxxl: 64px;
  --section-y: 96px;
  --section-y-mobile: 56px;
  --gutter: 24px;

  /* —— 布局容器（双档宽容器）—— */
  --container: 1200px;
  --container-wide: 1440px;

  /* —— 唯一阴影（仅浮层）；焦点环 —— */
  --shadow-overlay: 0 8px 24px rgba(15, 20, 26, 0.08);
  --focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--primary);

  /* —— 动效（仅四类：滚动显现 / hover 颜色 / 展开收起 / lightbox 淡入）—— */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 180ms;
}