/* ==========================================================================
   tokens.css — 设计令牌（唯一来源）
   色值来自 m.g-mh.org 的 HeroUI 令牌：主色 #C71E26 / 卡片底 #F4F4F5 /
   边框 #E4E4E7 / 正文 #18181B / 圆角 8px / 6 列网格 / 内容宽 1200
   颜色按用途拆分：填充 / 文字 / 图形 / 浅底 各自独立，不混用
   ========================================================================== */

:root {
  /* ---------- 品牌 ---------- */
  --brand: #c71e26;          /* 仅做填充：按钮底、选中片底、徽标底（白字 5.77:1） */
  --brand-hover: #a8181f;
  --brand-ink: #c71e26;      /* 仅做文字：白底 / 浅灰底上的链接与强调（5.77:1） */
  --brand-mark: #c71e26;     /* 仅做图形：图标描边、圆点（≥3:1 即可） */
  --brand-deep: #9c161d;     /* 浅品牌底上的文字（#FFE5E7 上 7.52:1） */
  --brand-surface: #ffe5e7;  /* 浅品牌底 */
  --brand-surface-2: #fff1f2;

  /* ---------- 浅底三级文字（全部 ≥4.5:1） ---------- */
  --text: #18181b;           /* 标题 19.4:1 */
  --text-body: #52525b;      /* 正文 7.16:1 */
  --text-muted: #71717a;     /* 辅助 4.83:1，压 #FAFAFA 时 4.62:1 */

  /* ---------- 深底三级文字 ---------- */
  --text-invert: #fafafa;
  --text-invert-mute: #a1a1aa;  /* 压 #18181B 6.91:1 */

  /* ---------- 描边与底色 ---------- */
  --line: #e4e4e7;
  --line-strong: #d4d4d8;
  --bg: #ffffff;
  --bg-soft: #fafafa;
  --bg-dark: #18181b;
  --bg-dark-2: #27272a;

  /* ---------- 宽度：只留两档 ---------- */
  --w-container: 1200px;     /* 唯一内容宽度档：区块 / 卡片 / 栅格都用它 */
  --w-prose: 720px;          /* 唯一阅读宽度档：长文用它 */

  /* ---------- 圆角 ---------- */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;
  --sp-11: 80px;
  --sp-12: 96px;

  /* ---------- 字号 ---------- */
  --fs-h1: 56px;
  --fs-h2: 36px;
  --fs-h3: 19px;
  --fs-lead: 17px;
  --fs-body: 15px;
  --fs-sm: 13.5px;
  --fs-xs: 12px;

  /* ---------- 其他 ---------- */
  --header-h: 76px;
  --shadow-card: 0 1px 2px rgba(24, 24, 27, 0.04), 0 12px 28px -18px rgba(24, 24, 27, 0.18);
  --shadow-float: 0 18px 44px -16px rgba(24, 24, 27, 0.28);
  --duration: 180ms;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC",
    "Source Han Sans SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

/* 字号在断点里整体降档，改一处全站生效 */
@media (max-width: 1024px) {
  :root {
    --fs-h1: 46px;
    --fs-h2: 31px;
    --fs-h3: 18px;
    --fs-lead: 16px;
    --sp-12: 72px;
    --sp-11: 64px;
  }
}

@media (max-width: 720px) {
  :root {
    --fs-h1: 34px;
    --fs-h2: 25px;
    --fs-h3: 17px;
    --fs-lead: 15px;
    --fs-body: 14.5px;
    --header-h: 60px;
    --sp-12: 52px;
    --sp-11: 48px;
    --sp-10: 40px;
  }
}