/* 全站设计变量。所有区块只用这里的颜色、字体、间距；区块私有变量用 --<区块名>-* 前缀。 */
@font-face {
  font-family: "HL Sans";
  src: url("/assets/fonts/NotoSansSC-subset.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* 底色：深石墨，三级 */
  --bg: #0e1012;
  --bg-raised: #141619;
  --surface: #1b1f23;
  --surface-2: #22272c;
  /* 线 */
  --line: #2a2f35;
  --line-strong: #3a4048;
  /* 文字：四级 */
  --ink-1: #ecebe6;
  --ink-2: #b4b9bf;
  --ink-3: #868d95;
  --ink-4: #5d636a;
  /* 唯一的品牌强调色：琥珀，只标「正在发生」和当前项 */
  --amber: #f2b33d;
  --amber-soft: rgba(242, 179, 61, 0.14);
  --amber-ink: #1c1608;
  /* 案例色：只在对应案例的画面里使用，不进入界面控件 */
  --case-charge: #46e39a;
  --case-care-ok: #5fd38a;
  --case-care-warn: #f2c94c;
  --case-care-alert: #f0645a;
  --case-bean: #f2a65a;
  /* 错误提示（表单校验、提交失败） */
  --danger: #ef7a68;

  --font: "HL Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --mono: "Cascadia Mono", Consolas, ui-monospace, monospace; /* 只用于很短的标注 */

  /* 字号 */
  --fs-hero: clamp(34px, 3.7vw, 52px);
  --fs-h2: clamp(30px, 3.4vw, 48px);
  --fs-h3: clamp(20px, 1.6vw, 24px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-label: 13px; /* 画面里的标注下限，桌面不小于 12px */

  /* 布局 */
  --maxw: 1280px;
  --pad: clamp(20px, 5vw, 72px);
  --section-y: clamp(72px, 9vw, 128px);
  --nav-h: 64px;

  --r-btn: 8px;
  --r-panel: 12px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --z-nav: 50;
}