/* ==========================================================================
   设计令牌 —— 从 DESIGN.md 提取，作为全系统唯一的设计来源
   所有颜色 / 字体 / 间距 / 圆角 / 阴影均以 CSS 变量形式引用，
   业务样式不得内联硬编码十六进制值。
   ========================================================================== */

:root {
  /* ---- 强调色（单一品牌色，非交互元素禁用） ---- */
  --color-primary: #0066cc;            /* Action Blue：所有交互元素唯一颜色 */
  --color-primary-focus: #0071e3;      /* 焦点环 */
  --color-primary-on-dark: #2997ff;    /* 暗色面链接 */

  /* ---- 表面色 ---- */
  --color-canvas: #ffffff;             /* 主画布 */
  --color-canvas-parchment: #f5f5f7;   /* 羊皮纸：通栏交替浅色块 */
  --color-surface-pearl: #fafafc;      /* 珍珠：次级幽灵按钮 */
  --color-surface-tile-1: #272729;     /* 近黑通栏块 1 */
  --color-surface-tile-2: #2a2a2c;     /* 近黑通栏块 2（微亮） */
  --color-surface-tile-3: #252527;     /* 近黑通栏块 3（微暗） */
  --color-surface-black: #000000;      /* 纯黑：仅全局导航 */
  --color-surface-chip-translucent: #d2d2d7; /* 半透明控件底色 */

  /* ---- 文本色 ---- */
  --color-ink: #1d1d1f;                /* 近黑：标题与正文 */
  --color-body: #1d1d1f;               /* 正文（与 ink 同色） */
  --color-body-on-dark: #ffffff;       /* 暗色面正文 */
  --color-body-muted: #cccccc;         /* 暗色面次要正文 */
  --color-ink-muted-80: #333333;       /* 浅色面次要正文 */
  --color-ink-muted-48: #7a7a7a;       /* 禁用 / 法律细则 */
  --color-on-primary: #ffffff;         /* 主按钮文字 */

  /* ---- 分隔线 ---- */
  --color-divider-soft: #f0f0f0;       /* 软分隔 */
  --color-hairline: #e0e0e0;           /* 卡片 1px 发丝边 */

  /* ---- 字体族 ---- */
  --font-display: "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --font-text: "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;

  /* ---- 圆角（不混用） ---- */
  --rounded-none: 0px;                /* 通栏色块 */
  --rounded-xs: 5px;                  /* 罕用 */
  --rounded-sm: 8px;                  /* 工具按钮 */
  --rounded-md: 11px;                 /* 珍珠胶囊 */
  --rounded-lg: 18px;                 /* 工具卡 */
  --rounded-pill: 9999px;             /* 主按钮 / 输入框 / chip */
  --rounded-full: 9999px;             /* 圆形控件 */

  /* ---- 间距（8px 基线） ---- */
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 17px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-section: 80px;

  /* ---- 阴影：全系统仅此一个，仅用于产品图落于表面，绝不上卡片/按钮/文字 ---- */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* ---- 过渡 ---- */
  --transition-fast: 120ms ease;
}