/* ============================================================
   设计令牌 · AI × BUILD — 明亮科技风设计系统
   唯一事实来源：色彩、字级、间距、网格
   参考气质：大疆 / 特斯拉官网 —— 浅色 UI + 深色演示视口
   ============================================================ */

:root {
  /* 浅色页面底色（白 / 浅灰蓝交替） */
  --bg: #FFFFFF;
  --bg-2: #F5F8FB;

  /* 深色文字 */
  --ink: #0B1220;
  --ink-2: #47536B;
  --ink-3: #8A97AD;

  /* 科技蓝主色 + 青色辅助 */
  --blue: #2563EB;
  --blue-deep: #1D4ED8;
  --blue-soft: rgba(37, 99, 235, .08);
  --cyan: #06B6D4;

  /* 语义色（图表用，克制） */
  --green: #16A34A;
  --amber: #D97706;
  --red: #DC2626;

  /* 卡片与线条 */
  --card: #FFFFFF;
  --line: #E3E9F2;
  --line-2: #CBD6E4;
  --shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 8px 24px rgba(11, 18, 32, .06);
  --shadow-lg: 0 2px 6px rgba(11, 18, 32, .05), 0 20px 48px rgba(11, 18, 32, .10);

  /* 深色演示视口（嵌在浅色页中） */
  --vp-bg: #0A1220;
  --vp-line: rgba(96, 165, 250, .28);
  --vp-ink: #DCE7F5;
  --vp-ink-dim: rgba(220, 231, 245, .55);

  /* 字体 */
  --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  /* 字级 —— 信息密度优先 */
  --display: clamp(40px, 6vw, 76px);
  --h1: clamp(30px, 3.8vw, 46px);
  --h2: clamp(22px, 2.6vw, 30px);
  --lead: clamp(17px, 1.8vw, 20px);
  --body: 16px;
  --small: 14px;
  --caption: 12px;

  /* 网格与间距 */
  --maxw: 1200px;
  --gutter: max(5vw, 24px);
  --section-pad: clamp(72px, 10vh, 120px);
  --radius: 14px;
  --vp-radius: 18px;
}