/* ===========================================================
   design-tokens.css —— 全站唯一的设计变量来源
   数值来自参考站 tabfolio 的实测（DOM 里提的真实 CSS 值，非目测）
   v1.0 / v2.0 共用；后面所有页面只允许引用变量，不写死色值
   =========================================================== */

:root {
  /* —— 颜色 —— */
  --bg: #FCFCFC;          /* 近白，不是纯白 */
  --surface: #FFFFFF;
  --surface-soft: #F6F7F8;
  --text: #04111F;        /* 深海军蓝，不是纯黑 */
  --text-secondary: #717880;
  --text-body: #5B5F63;
  --border: #E8EAED;
  --border-strong: #D5D9DE;
  --tag-bg: #F2F4F6;
  --chip-bg: #04111F;
  --chip-text: #FFFFFF;
  --focus: #1F6FEB;

  /* —— 圆角三档 —— */
  --radius-sm: 8px;       /* 小组件 */
  --radius-md: 16px;      /* 卡片 */
  --radius-lg: 20px;      /* 大卡片 */
  --radius-pill: 999px;   /* 胶囊 */

  /* —— 版式 —— */
  --font-head: 'Manrope', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

  --container: 1280px;
  --measure: 550px;       /* 正文段落限宽 —— 参考站显干净的关键 */

  /* —— 节奏 —— */
  --gap-1: 8px;
  --gap-2: 12px;
  --gap-3: 16px;
  --gap-4: 24px;
  --gap-5: 32px;
  --gap-6: 48px;
  --gap-7: 72px;
  --gap-8: 112px;

  /* —— 其他 —— */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --shadow-1: 0 1px 2px rgba(4, 17, 31, 0.04), 0 8px 24px rgba(4, 17, 31, 0.05);
  --bottom-bar-h: 60px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease: linear; }
}