/* ============================================================
 * H5 共享设计 token
 *
 * 只放变量，不放任何布局/复位规则 —— 避免像上一版那样，
 * 一个共享文件里的 html/body 规则把各页原本正常的文档流滚动改坏。
 *
 * 用法：页面 <head> 里在自身 CSS 之前引入本文件。
 * 各页样式保持独立，只从这里取颜色和安全区变量。
 * ============================================================ */

:root {
  /* 内容区最大宽度 */
  --h5-max-w: 430px;

  /* 安全区（刘海屏 / 底部手势条） */
  --h5-safe-top: env(safe-area-inset-top, 0px);
  --h5-safe-bottom: env(safe-area-inset-bottom, 0px);
  --h5-safe-left: env(safe-area-inset-left, 0px);
  --h5-safe-right: env(safe-area-inset-right, 0px);

  /* 品牌色（与 App 一致：蓝色强调） */
  --brand-blue: #3b82f6;
  --brand-blue-dark: #2563eb;

  /* 中性色（与 App app/theme/v2Design.ts 对齐） */
  --h5-text: #1f2937;
  --h5-text-secondary: #6b7280;
  --h5-text-tertiary: #9ca3af;
  --h5-border: #e5e7eb;
  --h5-bg: #f5f6f8;

  /* 输入类元素允许选中（页面若设了 user-select:none 需自行放开） */
}