/*
 * 观真 · 全局尺寸令牌（UI 规范 v3「三端尺寸类」唯一来源）
 *
 * 一套组件，三档数值：
 *   compact  手机   < 744px
 *   regular  平板   744px – 1279px
 *   expanded 电脑   ≥ 1280px
 * 点击区按输入方式取值（pointer: coarse 触屏 / fine 鼠标），与布局宽度互不影响：
 * iPad Pro 横屏走电脑布局，但按钮仍保持触屏高度。
 *
 * 位置：public/tokens.css —— 主站（index.html <link>）与六爻 iframe（liuyao-structure.html）共用同一份。
 * 页面里只引用语义名（Tailwind：text-body、px-page、h-control …），不写具体像素。
 * 颜色、圆角、阴影三端一致，仍以 index.css 与 ui_design_v2.md 为准；品牌色锁定不变。
 */

:root {
  /* ── 字号 / 行高（compact） ── */
  /* 层级按约 1.15 倍递进：页面标题 → 模块标题 → 卡片标题 → 正文，标题统一 600 字重（中文 700 过重） */
  --fs-large-title: 22px;  --lh-large-title: 1.35;  /* 页面标题 */
  --fs-title: 17px;        --lh-title: 1.4;         /* 模块标题 */
  --fs-headline: 16px;     --lh-headline: 1.45;     /* 卡片标题 */
  --fs-body: 15px;         --lh-body: 1.65;         /* 正文（普通段落） */
  --fs-long: 17px;         --lh-long: 1.75;         /* 纯文本长文（AI 解读、卦辞、协议） */
  --fs-callout: 14px;      --lh-callout: 1.55;      /* 次级说明 */
  --fs-footnote: 13px;     --lh-footnote: 1.5;      /* 辅助文字 */
  --fs-caption: 12px;      --lh-caption: 1.4;       /* 标签、时间（中文最小字号） */

  /* ── 间距 / 宽度（compact） ── */
  --sp-page: 16px;         /* 页面左右边距 */
  --sp-section: 24px;      /* 模块之间 */
  --sp-header: 20px;       /* 页头（标题 + 说明）到正文 */
  --sp-card: 16px;         /* 卡片内边距 */
  --sp-card-gap: 12px;     /* 卡片之间 */
  --w-content: 100%;       /* 内容区最大宽度（外框） */
  /* 页面模板宽度：reading 单列阅读 / 设置 / 列表，standard 工具与结果，wide 资料浏览与网格 */
  --w-reading: 720px;
  --w-standard: 960px;
  --w-wide: 100%;

  /* ── 点击区（默认按触屏） ── */
  --h-control: 44px;       /* 按钮、输入框、Tab */
  --h-control-lg: 48px;    /* 主按钮 */
  --h-control-sm: 36px;    /* 行内小按钮 */
  --h-field: 50px;
  --sheet-bottom-pad: 32px;  /* 底部弹层统一基础留白，与 env(safe-area-inset-bottom) 相加 */         /* 输入框、选择框、红色主按钮：三端统一 50 */

  /* ── 字体：全部使用系统默认字体（不加载任何网络字体）；数字与中文同一字体，靠 tabular-nums 对齐 ── */
  --font-cn: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-num: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* regular · 平板 */
@media (min-width: 744px) {
  :root {
    --fs-large-title: 24px;
    --fs-title: 18px;
    --sp-page: 24px;
    --sp-section: 28px;
    --sp-header: 24px;
    --sp-card: 20px;
    --sp-card-gap: 16px;
    --w-content: 960px;
  }
}

/* expanded · 电脑 */
@media (min-width: 1280px) {
  :root {
    --fs-long: 16px;
    --sp-page: 32px;
    --sp-section: 32px;
    --sp-card: 20px;
    --w-content: 1080px;
  }
}
@media (min-width: 1600px) {
  :root { --w-content: 1200px; }
}

/* 鼠标操作：控件可以更紧凑。按钮、输入框、选择框统一 40（与六爻「保存记录」主按钮同高），行内小按钮 32 */
@media (pointer: fine) {
  :root {
    --h-control: 40px;
    --h-control-lg: 40px;
    --h-control-sm: 32px;
  }
}