:root {
  --font-body: system-ui, sans-serif;
  --color-ink: #17212b;
  --color-background: #f6f3ed;
  --color-focus: #b55718;
  --radius-control: 8px;
  --space-section: 32px;

  /* ============================================================
     Nicety Machinery Design System Tokens
     基础色板：DESIGN.md v2.1 / 设计参考2.html
     深蓝层次与页脚：design3.5.md v1.2
     ============================================================ */
  --blue: #1B3770;
  /* 深蓝叠暗层，design3.5.md v1.2 §2 衍生色 #152C5B（页脚底栏等蓝色层次） */
  --blue-deep: #152C5B;
  /* 深蓝区上的次要浅色文字，design3.5.md v1.2 §2 */
  --blue-soft: #B9C7E4;
  --green: #4EAD5B;
  --green-dark: #337D3E;
  /* DESIGN.md v2.1 §3.1/§3.2：白字按钮的悬浮底色用深绿 #2F7639（对比度 5.57:1）。
     品牌绿 #4EAD5B 配白字只有 2.82:1，不满足 4.5:1，只做小面积点缀。 */
  --hover-green: #2F7639;
  /* DESIGN.md v2.1 §3.1：深橙 #B84421 只用于极少量短编号、条件标记和必填星号，
     不作为按钮色，也不与蓝色按钮争夺注意力。 */
  --orange: #B84421;
  --yellow: #E6B93C;
  --yellow-pale: #FFF8E6;

  --white: #FFFFFF;
  --gray-bg: #F4F6F8;
  /* DESIGN.md v2.1 §3.1：浅蓝衬底 #EDF1F8 —— 轻量选中背景与信息分组。 */
  --tint: #EDF1F8;
  --gray-line: #D7E0E9;
  --gray-text: #5C6B78;
  --text: #263238;

  --shadow: 0 10px 26px rgba(27, 55, 112, 0.08);
  --shadow-hover: 0 14px 34px rgba(27, 55, 112, 0.13);
  /* 顶部固定条（蓝色信息条 + 导航栏）离开页面顶端后的投影：比 --shadow 更紧更浅，
     只用来把固定条和下面的内容分开，不把它变成一张浮起来的卡片（site.css）。 */
  --shadow-pinned: 0 6px 18px rgba(27, 55, 112, 0.10);
  --radius: 4px;
  --container: 1440px;
  /* DESIGN.md v2.1 §4：英文首选 IBM Plex Sans（400/500/600），回退 system-ui /
     Segoe UI / Arial；中文回退 Noto Sans SC 或系统中文字体。 */
  --font: "IBM Plex Sans", "Noto Sans SC", system-ui, "Segoe UI", Arial, Helvetica, sans-serif;

  /* Aliases */
  --brand-blue: var(--blue);
  --brand-blue-deep: var(--blue-deep);
  --accent-green: var(--green);
  --accent-green-dark: var(--green-dark);
  --accent-yellow: var(--yellow);
  --accent-yellow-pale: var(--yellow-pale);
  --color-white: var(--white);
  --color-background-alt: var(--gray-bg);
  --color-border: var(--gray-line);
  --color-text: var(--text);
  --color-text-secondary: var(--gray-text);
  --font-primary: var(--font);
  --radius-button: var(--radius);
  --radius-card: var(--radius);
  --button-height: 48px;
  --transition-color: 180ms ease;
  --content-width: var(--container);

  --ph-bg: #E8EDF2;
  --ph-border: #CBD5E1;
}