/**
 * tokens.css — 颜色/间距/字号/圆角/阴影/字体语义化变量
 * 仅定义变量，具体值由 themes.css 和 accents.css 提供。
 */

:root {
  /* 背景层级（从底层到顶层） */
  --bg-base: #FFFFFF;
  --bg-soft: #F7F8FA;
  --bg-overlay: #FFFFFF;
  --bg-hover: #F3F4F6;

  /* 边框 */
  --border: #E5E7EB;
  --border-soft: #F1F2F4;
  --border-strong: #D1D5DB;

  /* 文字层级（muted 保持可读：对底色对比 ≥ 3:1，仅作 placeholder/辅助信息） */
  --text: #111827;
  --text-soft: #4B5563;
  --text-muted: #6B7280;

  /* 强调色（被 accents.css 覆盖） */
  --accent: #5E6AD2;
  --accent-soft: rgba(94, 106, 210, 0.12);
  --accent-hover: rgba(94, 106, 210, 0.20);
  --accent-text: #FFFFFF;

  /* 状态色 */
  --success: #10B981;
  --warn: #F59E0B;
  --warn-bg: rgba(245, 158, 11, 0.12);
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.12);

  /* 阴影 */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;

  /* 字号（中文偏小容易糊，整体往上提一档；列表正文单独压一档避免占空间） */
  --fs-xs: 11px;     /* 时间戳/角标：再小就糊 */
  --fs-sm: 12px;     /* Tab/状态栏/设置副文字 */
  --fs-base: 13px;   /* 列表正文：清晰度优先 */
  --fs-md: 14px;     /* 标题/按钮/设置项 */
  --fs-lg: 16px;     /* 「关于」大标题 */

  /* 行高（中文需要更大行高才不会笔画粘连；1.6 是 Windows 上 CJK 舒适区） */
  --lh-base: 1.6;

  /* 字间距（提一档让小字笔画清晰；0.02em 在 13px 以上会显得字间距过大，收到 0.01em） */
  --tracking-cn: 0.01em;

  /* 字体（fonts.css 会覆盖这两个） */
  --font-ui: 'Microsoft YaHei UI', 'Microsoft YaHei', 'PingFang SC',
             'Hiragino Sans GB', 'Segoe UI', system-ui, -apple-system,
             BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas',
               'Microsoft YaHei', monospace;

  /* 字重 */
  --fw-medium: 500;
  --fw-semibold: 600;

  /* 动效 */
  --transition-fast: 100ms ease-out;
  --transition-base: 150ms ease-out;
}