/* ============================================================
   设计令牌 · 点胶机公司官网
   风格：工业实用 / Industrial-utilitarian
   主题：浅色「技术纸面」为主 + 深色「蓝图」band 与页脚
   ============================================================ */
:root {
  /* ---------- 颜色 ---------- */
  --color-bg:        #F2EFE8;   /* 暖调技术纸（主色 60%） */
  --color-surface:   #FBF9F4;   /* 卡片纸 */
  --color-surface-2: #EAE6DC;   /* 次级表面 / 表头 */
  --color-ink:       #16181D;   /* 近黑石板（非纯黑） */
  --color-muted:     #565A62;   /* 弱化文字（与纸面底对比 ≥4.5:1） */
  --color-accent:    #FF5A1F;   /* 工业警示橙（唯一强调色 10%） */
  --color-accent-ink:#C73E0C;   /* 橙的暗部，用于描边/文字 */
  --color-blueprint: #16314C;   /* 蓝图深蓝（深色 band / 页脚 / 网格线） */
  --color-blueprint-2:#0E2236;  /* 更深的蓝图底 */
  --color-on-blue:   #DCE7F2;   /* 蓝底上的文字 */
  --color-on-blue-mut:#8FA6BD;  /* 蓝底上的弱化文字 */

  --color-border:   rgba(22, 24, 29, .14);  /* 发丝线 */
  --color-border-2: rgba(22, 24, 29, .08);
  --color-grid:     rgba(22, 49, 76, .06);  /* 蓝图网格 */
  --color-grid-strong: rgba(22, 49, 76, .10);

  /* ---------- 字体 ---------- */
  --font-display: "Archivo", "Noto Sans SC", system-ui, sans-serif;
  --font-display-num: "Anton", "Archivo", "Noto Sans SC", sans-serif;
  --font-body: "IBM Plex Sans", "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Noto Sans SC", ui-monospace, monospace;

  /* ---------- 字阶（模块化 1.25） ---------- */
  --fs-hero:  clamp(3rem, 8vw, 7rem);
  --fs-h1:    clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2:    clamp(1.7rem, 3.4vw, 2.6rem);
  --fs-h3:    clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead:  clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body:  1.0625rem;          /* 17px */
  --fs-small: 0.875rem;           /* 14px */
  --fs-micro: 0.75rem;            /* 12px */

  /* ---------- 间距（4/8/16/24/40/64/96） ---------- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 128px;

  /* ---------- 圆角（锐角，工业感） ---------- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* ---------- 阴影（3 级，带环境色） ---------- */
  --shadow-1: 0 2px 8px  rgba(22, 24, 29, .10);
  --shadow-2: 0 8px 28px rgba(22, 24, 29, .14);
  --shadow-3: 0 24px 64px rgba(22, 24, 29, .20);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---------- 布局 ---------- */
  --container: 1240px;
  --container-narrow: 920px;
  --nav-h: 72px;
}