/* ============================================================
 * tokens.css - 设计令牌（穷鬼认证设计系统）
 * 所有颜色 / 间距 / 圆角 / 阴影 / 动效曲线的唯一定义处。
 * ============================================================ */
:root {
  /* ---- 品牌色 ---- */
  --red: #c0271c;            /* 公文红（主色） */
  --red-deep: #9c1f16;       /* 深红（悬停/强调） */
  --red-soft: #fbeeed;       /* 浅红底 */
  --gold: #d9a92f;           /* 证书金 */
  --gold-deep: #b8860b;      /* 深金（描边/次级强调） */
  --green: #3da52c;          /* 答对绿（脱富学院揭示态） */
  --green-soft: #eef7ec;     /* 浅绿底 */

  /* ---- 中性色 ---- */
  --paper: #fdfbf6;          /* 纸张白（页面底） */
  --card: #ffffff;           /* 卡片白 */
  --ink: #23201c;            /* 正文墨色 */
  --ink-light: #8d867c;      /* 次级文字 */
  --line: #e8e1d3;           /* 分隔线 */
  --backdrop: #d8d2c6;       /* 机身外背景 */

  /* ---- 间距（8px 栅格，4px 微调） ---- */
  --sp-xs: 0.25rem;   /*  4px 图标与文字、极紧凑组合 */
  --sp-sm: 0.5rem;    /*  8px 组件内部间距 */
  --sp-ms: 0.75rem;   /* 12px 行与行、小分组 */
  --sp-md: 1rem;      /* 16px 卡片内边距、卡片间距 */
  --sp-lg: 1.5rem;    /* 24px 区块间距 */
  --sp-xl: 2rem;      /* 32px 大区块间距 */
  --sp-2xl: 3rem;     /* 48px 页面级分隔 */

  /* ---- 圆角 ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-full: 999px;

  /* ---- 阴影（双层：接触影+环境影，暖褐调呼应纸张） ---- */
  --shadow-sm: 0 1px 2px rgba(58, 46, 36, .06), 0 2px 6px rgba(58, 46, 36, .05);
  --shadow-md: 0 2px 4px rgba(58, 46, 36, .08), 0 10px 22px -4px rgba(58, 46, 36, .16);
  --shadow-lg: 0 4px 8px rgba(58, 46, 36, .10), 0 18px 36px -8px rgba(58, 46, 36, .22);
  --shadow-red: 0 2px 5px rgba(150, 30, 20, .14), 0 14px 30px -6px rgba(192, 39, 28, .30);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.22s;
  --dur: 0.3s;
  --dur-slow: 0.6s;

  /* ---- 字号阶梯（移动端；正文≥14、辅助≥12、11 仅版权/装饰底限） ---- */
  --fs-xs: 11px;    /* 底限：版权备案、营销装饰文字 */
  --fs-sm: 12px;    /* 辅助：提示、标签、次级说明 */
  --fs-md: 13px;    /* 次级正文、表格行 */
  --fs-base: 14px;  /* 正文标准 */
  --fs-lg: 15px;    /* 强调正文、按钮 */
  --fs-xl: 16px;    /* 卡片标题、题干、机构名（紧凑红头） */
  --fs-2xl: 18px;   /* 公文标题、价格、邮箱地址 */
  --fs-3xl: 20px;   /* 证书标题、弹窗标题 */
  --fs-4xl: 24px;   /* 红头机构名 */
  --fs-5xl: 28px;   /* 页面主标题、大号数字 */
  --fs-6xl: 32px;   /* hero 大标题 */

  /* ---- 字体 ---- */
  --font-body: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}