/*
 * tokens.css —— 设计系统全部 token（方案 §13.6，对标 impeccable.style）
 *
 * 唯一权威取值来源：CN_Rail_Tracker_Plan_v2.md §13.6。
 * 所有颜色、字体、圆角、间距、动效只在这里定义；
 * base.css 与 components.css 只引用变量，禁止出现魔法值。
 *
 * 设计基调："平静的纸面 + 金色点睛"——平时中性克制，
 * 金色只在主操作、激活态与关键指标处出现，一出现就跳出。
 */

:root {
  /* ---------- 色彩 ---------- */

  /* 中性（纸感底） */
  --paper: #FAFAF7;            /* 页面底色 */
  --surface: #FFFFFF;          /* 卡片面 */
  --text: #1A1A1A;             /* 主文字 */
  --text-2: #6B6B6B;          /* 次文字 */
  --text-3: #9A9A9A;          /* 辅助/占位文字 */
  --border: #E5E3DA;          /* 弱边框、发丝分隔 */
  --border-2: #D9D7CC;        /* 强边框 */

  /* 招牌金：全站唯一强调色 */
  --gold: #D4AF37;
  --gold-wash: rgba(212, 175, 55, 0.08);   /* 选中行 / hover 浅金洗 */
  --gold-ink: #8A6D1F;                     /* 金色背景上的深金文字（对比用） */

  /* 状态色（独立于金，避免语义混淆） */
  --success: #3A8A5F;
  --warning: #C08A2E;
  --danger: #B23A3A;
  --info: #3A6FB2;

  /* ---------- 字体（§13.6：Albert Sans，三档排版） ---------- */
  --font-sans: "Albert Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-title: 18px;   --fw-title: 600;   /* 标题 18/600 */
  --fs-body: 13px;    --fw-body: 400;    /* 正文 13/400 */
  --fs-meta: 12px;    --fw-meta: 400;    /* 辅助 12/400 */

  /* ---------- 圆角 ---------- */
  --radius-input: 8px;    /* 输入框、按钮 */
  --radius-card: 12px;    /* 卡片 */

  /* ---------- 间距（7 级尺度） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ---------- 动效（克制；来自对标站的动作参数） ---------- */
  --dur-hover: 150ms;      /* hover 抬升 1px */
  --dur-press: 160ms;      /* 按下缩放 */
  --press-scale: 0.96;
  --lift: translateY(-1px);

  /* ---------- 阴影（卡片用，极轻） ---------- */
  --shadow-card: 0 1px 2px rgba(26, 26, 26, 0.04), 0 2px 8px rgba(26, 26, 26, 0.05);
  --shadow-lift: 0 2px 6px rgba(26, 26, 26, 0.08), 0 4px 12px rgba(26, 26, 26, 0.06);

  /* ---------- 布局 ---------- */
  --content-max: 1200px;   /* 内容区最大宽度 */
}
