/* ============================================================
   设计令牌 — 浅色编辑风
   新增板块/组件时只引用这里的变量，不要随手写色值
   ============================================================ */
:root {
  /* 表面 */
  --paper: #fbfbf9;          /* 暖纸底 */
  --paper-2: #f3f3ee;        /* 次级面 / 交替板块 */
  --card: #ffffff;           /* 卡片 */

  /* 墨色 */
  --ink-1: #14171a;          /* 主文字 / 大标题 */
  --ink-2: #5b6470;          /* 次要文字 */
  --ink-3: #9aa3ad;          /* 弱化 / 元信息 */

  /* 强调色：信号橙，编辑感点睛（链接、索引号、细节） */
  --accent: #ff4d00;
  --accent-soft: rgba(255, 77, 0, 0.08);

  /* 发丝线 */
  --line: #e6e6de;
  --line-strong: #d3d3c9;

  /* 技术领域色点（柔和版，仅小面积使用） */
  --c-mobile: #54c5f8;   /* Flutter / 移动 */
  --c-backend: #00acd7;  /* Go / 后端 */
  --c-web: #3178c6;      /* TypeScript / 前端 */
  --c-hw: #c2410c;       /* 系统与硬件 */
  --c-ai: #8b5cf6;       /* AI · CV */

  /* 字体 */
  --font-display: "Fraunces", "PingFang SC", "Microsoft YaHei", serif;
  --font-body: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* 布局 */
  --container: 1120px;
  --nav-h: 64px;

  /* 圆角与阴影（极浅） */
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(20, 23, 26, 0.04), 0 8px 24px rgba(20, 23, 26, 0.05);
  --shadow-lift: 0 2px 4px rgba(20, 23, 26, 0.05), 0 16px 40px rgba(20, 23, 26, 0.1);

  /* 动效 */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 0.7s;
}