/* ==========================================================================
   掌域官网 · 设计令牌（tokens.css）
   唯一权威来源：《掌域官网_首页设计标注文档_v1.md》第 2 章，1:1 落成。
   全站样式只允许引用本文件变量，禁止散落字面量。

   走查红线（改动前先读）：
   1. 间距只用 4/8/12/16/20/24/32/48/64（--space-* 只列这 9 个）
   2. 圆角只用 4/6/8/10/12/full；嵌套圆角 = 外层圆角 − 内边距，且 ≥4
   3. 字重只用 400 / 500；数字全局 tabular-nums（见 base.css）
   4. 断点只有 1199 / 767 两个，禁止新增第三个
   5. 深色块（--color-surface-strong）全站仅「区块 12 收尾 CTA」使用
   ========================================================================== */

:root{
  /* —— 色彩（文档 §2.1，11 条 1:1）——
     ※ success/warning 本站不使用：文档纪律要求「正向绿与警示橙不得同图」（色弱安全，
       两色在白底 deutan 模拟下 ΔE≈3.5、对比度仅约 2.3:1）；首页进一步收紧为一个都不用，
       好感度只出「正向 / 中立 / 负面」方向性文字标签。令牌保留与文档一致，供后续页面按纪律取用。 */
  --color-primary:#1677FF;         /* 数据语义色：水位曲线、链接 hover、焦点环；不作大面积极填充 */
  --color-success:#52C41A;         /* 本站不使用 */
  --color-warning:#FA8C16;         /* 本站不使用 */
  --color-neutral:#8C8C8C;         /* 未提及 /「—」/ 快照虚线 */
  --color-text-primary:#1A1A1A;    /* 主文字 */
  --color-text-secondary:#595959;  /* 次级文字 */
  --color-text-tertiary:#8C8C8C;   /* 辅助说明；对白底对比度 ≈3.4:1，仅用于示意标注等非关键文本（文档值 ⚠️ 待冻结） */
  --color-border:#E5E5E5;          /* 分割线、卡片描边 */
  --color-surface:#FFFFFF;         /* 页面底色 */
  --color-surface-muted:#F5F5F5;   /* 占位条、骨架 */
  --color-surface-strong:#141414;  /* 仅区块 12 */
  /* 深色块（仅区块 12）反白系列：文档只标了 Primary ⚠️，其余为本站定义、待设计走查 */
  --color-on-strong:#FFFFFF;                    /* 反白正文/标题/按钮底 */
  --color-on-strong-soft:rgba(255,255,255,.72); /* 深色底上的次级文案 */
  --color-on-strong-line:rgba(255,255,255,.32); /* 深色底上的描边按钮 */
  --color-on-strong-line-strong:rgba(255,255,255,.64); /* 其上 hover 态 */

  /* —— 字体与字阶（文档 §2.2；字重只有 400/500 两档，禁 600/700）—— */
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-display-size:40px; --font-display-lh:48px;   /* 仅区块 01 H1 一处 */
  --font-h2-size:28px;      --font-h2-lh:36px;
  --font-h3-size:20px;      --font-h3-lh:28px;
  --font-body-size:16px;    --font-body-lh:24px;
  --font-caption-size:14px; --font-caption-lh:20px;
  --font-eyebrow-size:12px; --font-eyebrow-lh:16px;
  --weight-regular:400;
  --weight-medium:500;

  /* —— 间距刻度（文档 §2.3；只此 9 个值）—— */
  --space-4:4px;  --space-8:8px;  --space-12:12px; --space-16:16px; --space-20:20px;
  --space-24:24px; --space-32:32px; --space-48:48px; --space-64:64px;

  /* 语义别名（只做映射，不新增数值） */
  --section-gap:96px;   /* 区块纵向节奏（相邻间距 96），≤767 → 64 */
  --title-gap:24px;     /* 区块内标题与内容间距 */
  --card-pad:16px;      /* 卡片内边距，≤767 → 12 */
  --nav-h:64px;

  /* —— 圆角（文档 §2.3）—— */
  --radius-4:4px; --radius-6:6px; --radius-8:8px; --radius-10:10px; --radius-12:12px;
  --radius-full:9999px;

  /* —— 线宽（文档 §2.3）—— */
  --stroke-hairline:1px;  /* 分割线 */
  --stroke-axis:0.5px;    /* 示意图坐标线（配 20–40% 透明度） */
  --stroke-chart:2px;     /* 水位曲线；全站描边上限 2px */

  /* —— 容器与栅格（文档 §2.4）—— */
  --container-max:1120px; /* 桌面内容宽（≥1200 时不含左右留白） */
  --page-pad:0px;         /* ≥1200 → 0；768–1199 → 24；≤767 → 16 */
  --gutter:24px;          /* 栅格水槽：24 / 20 / 16 */
}

/* 平板 768–1199：全宽 − 48 */
@media (max-width:1199px){
  :root{ --page-pad:24px; --gutter:20px; }
}

/* 移动 <768：全宽 − 32；纵向节奏与卡片内边距降档；H1/H2 降档（文档 §6 ⚠️ 建议值） */
@media (max-width:767px){
  :root{
    --page-pad:16px; --gutter:16px;
    --section-gap:64px; --card-pad:12px;
    --font-display-size:28px; --font-display-lh:36px;
    --font-h2-size:22px;      --font-h2-lh:30px;
  }
}