/*
 * 设计变量：颜色、字体、圆角、阴影、间距。
 * 所有页面和组件都从这里取值，改一处全局生效。
 */
:root {
  /* 品牌色：深蓝 */
  --navy-900: #0F2346;
  --navy-800: #15305A;
  --navy-700: #1E4175;
  --navy-100: #E3E9F3;
  --navy-50:  #F1F4F9;

  /* 品牌色：橙 */
  --orange-600: #E2711F;
  --orange-500: #F0832F;
  --orange-400: #F59A4E;
  --orange-200: #F9D2AE;
  --orange-100: #FDE6D0;
  --orange-50:  #FFF6EC;

  /* 体检信号：红 / 黄 / 绿 */
  --red-600: #C9353A;
  --red-500: #E5484D;
  --red-50:  #FDEDED;
  --amber-600: #B57A06;
  --amber-500: #F2A21B;
  --amber-50:  #FEF5E2;
  --green-600: #16855A;
  --green-500: #1FA36B;
  --green-50:  #E7F6EF;

  /* 文字 */
  --ink-900: #18223A;
  --ink-700: #3D4760;
  --ink-500: #6E7890;
  --ink-400: #9AA2B4;
  --ink-300: #C3C9D5;

  /* 面与线 */
  --surface: #FFFFFF;
  --page: #F2F4F8;
  --line: #E8EBF1;
  --line-strong: #D9DEE7;

  /* 字体：正文用系统字体（小程序里就是苹方），数字用 DIN */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --font-num: "DIN Alternate", "Bahnschrift", "SF Pro Display", -apple-system, "Helvetica Neue", sans-serif;

  /* 字号 */
  --fs-display: 26px;
  --fs-title: 20px;
  --fs-heading: 17px;
  --fs-body: 15px;
  --fs-sub: 13px;
  --fs-micro: 11px;

  /* 圆角：容器越大越圆 */
  --r-xl: 22px;
  --r-lg: 16px;
  --r-md: 12px;
  --r-sm: 8px;
  --r-pill: 999px;

  /* 阴影：带一点蓝，不用纯灰 */
  --shadow-card: 0 1px 2px rgba(21, 48, 90, .04), 0 6px 20px rgba(21, 48, 90, .06);
  --shadow-float: 0 16px 40px rgba(21, 48, 90, .18);

  /* 间距 */
  --page-x: 16px;

  /* 动效 */
  --ease: cubic-bezier(.2, .8, .2, 1);

  /* 手机屏幕尺寸（iPhone 标准尺寸） */
  --device-w: 375px;
  --device-h: 812px;
}