/* ── Self-hosted typefaces ───────────────────────────────────
   IBM Plex Sans (UI/body) + IBM Plex Mono (numbers, eyebrows).
   Both SIL OFL 1.1, latin subset, single variable file each (~60 KB total).
   Self-hosted on purpose: no third-party request from a buyer's browser,
   no cookie, works from mainland China, and the page keeps one origin.
   ──────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/IBMPlexMono.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* ═══════════════════════════════════════════════════════════
   Gera — 设计令牌（tokens · L0 层）
   🔴 单一真源：全站颜色/字阶/间距/圆角/阴影/动效时长只在这里定义。
      改这个文件 = 全站换肤（配合 `bash ops/rebuild.sh` 重生成即生效）。
   来源：docs/DESIGN_SYSTEM.md（2026-09-26 定稿）
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Neutral skeleton (85%)──
     骨架原先是 navy 味（#0B1220 蓝相 ~220°），跟青色强调色并排会「两套冷色打架」。
     统一挪到中性青灰（色相 ~170°），差值是每通道 1–4 级，肉眼只在并排时才分得出，
     但整站看起来是「一个色系」。 */
  --ink:        #0C1416;
  --ink-2:      #1D2627;
  --body:       #4A5352;
  --muted:      #6B7473;   /* 白底 4.80:1；原 #8A9392 只有 3.15:1（13px 小字不达 AA） */
  --line:       #E4E9E8;
  --surface:    #F7F9F9;
  --white:      #FFFFFF;

  /* ── Accent colour (<=10%)──
     🔴 青色（Teal ink P2）——用户 2026-09-29 拍板。白底对比度 5.01:1（AA 通过）；
     反白文字 #FFF on #0E7C7B 同样 5.01:1。选它的理由：同行全是暖橙/黄批发信号、
     物流科技是深蓝，青是空档，且与「我们不卖工厂、只卖可信度」的冷静调性一致。 */
  --accent:      #0E7C7B;
  --accent-deep: #0A5F5E;
  --accent-wash: #F1F8F7;  /* 强调色文字压在 wash 上 4.66:1 */

  /* ── Semantic colours (status only)── */
  --ok:   #0F7B4F;
  --warn: #B45309;
  --stop: #B42318;

  /* ── Spacing (8px rhythm)── */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 48px; --s6: 64px; --s7: 96px; --s8: 128px;

  /* ── Radius / shadow (only 2 each)── */
  --r-sm: 6px;
  --r-md: 14px;
  --shadow-1: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --shadow-2: 0 12px 32px -8px rgba(16,24,40,.10);

  /* ── Type ── */
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-num:  'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --container: 1280px;
  --content:   760px;
}