/* =============================================================
 * V0.5「晴空磨砂·清亮版」设计令牌 → CSS 变量
 * 唯一来源：shared/design_tokens.yaml（改样式先改 YAML 再同步此处）
 * ============================================================= */

:root {
  /* ---- 色彩 ---- */
  --c-bg:        #EFF7FD;
  --c-bg-glow:   #FFFFFF;
  --c-surface:   #FFFFFF;
  --c-frosted:   rgba(255, 255, 255, 0.72);
  --c-hairline:  rgba(29, 43, 58, 0.08);
  --c-ink:       #1D2B3A;
  --c-ink-soft:  #6E7E8F;
  --c-sky:       #4FB0F0;
  --c-sky-press: #3DA0E4;
  --c-sky-bg:    #E7F4FE;
  --c-sky-light: #8AD1FA;
  --c-ok:        #3CB96E;
  --c-ok-bg:     #E5F6EC;
  --c-retry:     #F2A33C;
  --c-retry-bg:  #FDF2E0;
  --c-sun:       #FFD460;
  --c-shadow:    rgba(29, 43, 58, 0.10);

  /* ---- 字体（单一字族，层级靠字重） ---- */
  --font-family: "MiSans", "Alibaba PuHuiTi", "Noto Sans SC",
                 "PingFang SC", "Microsoft YaHei", sans-serif;
  --fs-title:    34pt;  --fw-title:    900;  --lh-title:    1.3;
  --fs-subtitle: 24pt;  --fw-subtitle: 700;  --lh-subtitle: 1.5;
  --fs-body:     21pt;  --fw-body:     500;  --lh-body:     1.7;
  --fs-button:   22pt;  --fw-button:   700;
  --fs-caption:  17pt;  --fw-caption:  500;

  /* ---- 形状 ---- */
  --r-card:   24pt;
  --r-button: 30pt;
  --r-panel:  28pt;

  /* ---- 间距 ---- */
  --sp-unit:     8pt;
  --sp-card-gap: 18pt;
  --sp-screen:   28pt;

  /* ---- 阴影（一律中性灰蓝） ---- */
  --sh-card:   0 6pt 18pt var(--c-shadow);
  --sh-raised: 0 14pt 34pt rgba(29, 43, 58, 0.16);

  /* ---- 动效 ---- */
  --t-fast:  150ms;
  --t-base:  240ms;
  --t-stage: 380ms;
  --ease:    cubic-bezier(0.32, 1.25, 0.6, 1);

  /* ---- 触控 ---- */
  --touch-min:    64pt;
  --touch-drag:   132pt;
  --touch-mic:    112pt;
  --touch-button: 64pt;
}