/* 医匠透析 · 设计令牌 ----------------------------------------------------
   冷静专业医疗蓝 · 高密度 · 简体中文优先
   字体：Noto Sans SC（中）+ Inter（数字/英文）+ JetBrains Mono（数据）
-------------------------------------------------------------------------- */

:root {
  /* — 主色（默认医疗蓝） — */
  --brand-50:  #eef5ff;
  --brand-100: #dbe9fe;
  --brand-200: #b9d3fd;
  --brand-300: #8db5fa;
  --brand-400: #5990f5;
  --brand-500: #2f6feb;
  --brand-600: #1f56d1;
  --brand-700: #1c45a8;
  --brand-800: #1c3b85;
  --brand-900: #1b3369;

  /* — 中性色 — */
  --ink-0:   #ffffff;
  --ink-50:  #f7f8fa;
  --ink-100: #eef0f4;
  --ink-150: #e3e6ec;
  --ink-200: #d4d8e0;
  --ink-300: #b8bdc8;
  --ink-400: #8d94a3;
  --ink-500: #6b7280;
  --ink-600: #4b5563;
  --ink-700: #374151;
  --ink-800: #1f2937;
  --ink-900: #0f172a;

  /* — 语义色 — */
  --ok-50:   #e8f7ee;
  --ok-500:  #16a34a;
  --ok-600:  #15803d;

  --warn-50: #fff5e6;
  --warn-500:#f59e0b;
  --warn-600:#d97706;

  --danger-50: #fdecec;
  --danger-500:#dc2626;
  --danger-600:#b91c1c;

  --info-50: #e7f1fb;
  --info-500:#0284c7;

  /* — 透析专用语义色（生命体征/状态） — */
  --vital-bp:    #1f56d1;  /* 血压 */
  --vital-pulse: #db2777;  /* 心率 */
  --vital-uf:    #0891b2;  /* 超滤 */
  --vital-flow:  #7c3aed;  /* 血流量 */
  --vital-temp:  #f59e0b;  /* 温度 */
  --vital-ven:   #059669;  /* 静脉压 */

  /* — 背景层级 — */
  --bg-app:     #f4f6fa;
  --bg-panel:   #ffffff;
  --bg-sunken:  #eef1f6;
  --bg-hover:   #f1f4f9;
  --bg-selected:#e8efff;

  /* — 边框 — */
  --border-soft:   #ebeef3;
  --border-base:   #e1e5ec;
  --border-strong: #cbd1dc;

  /* — 阴影 — */
  --shadow-xs: 0 1px 0 rgba(15,23,42,.04);
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --shadow-md: 0 4px 12px rgba(15,23,42,.07), 0 2px 4px rgba(15,23,42,.04);
  --shadow-lg: 0 12px 32px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.04);
  --shadow-pop:0 18px 48px rgba(15,23,42,.16);

  /* — 圆角 — */
  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* — 字号阶梯（高密度档默认） — */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-40: 40px;

  /* — 行高 — */
  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-base: 1.55;

  /* — 间距阶梯 — */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 10px;
  --sp-5: 12px;
  --sp-6: 14px;
  --sp-7: 16px;
  --sp-8: 20px;
  --sp-9: 24px;
  --sp-10: 32px;
  --sp-11: 40px;
  --sp-12: 48px;

  /* — 字体族 — */
  --ff-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont,
             'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --ff-num:  'Inter', 'Noto Sans SC', sans-serif;
  --ff-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* — 布局（平板优化） — */
  --rail-w: 92px;          /* Material navigation rail */
  --topbar-h: 60px;
  --subbar-h: 52px;

  /* — 密度档（compact = 平板默认 / cozy = 大字号） — */
  --row-h: 52px;           /* 表格行高（触控） */
  --field-h: 44px;         /* 表单控件高（触控 48dp 准） */
  --tap: 48px;             /* 触控最小目标 */
  --card-pad: 16px;
  --section-gap: 14px;

  --transition: 180ms cubic-bezier(.4,0,.2,1);
}

/* — 舒适密度档（Tweaks 切换 .density-cozy） — */
.density-cozy {
  --row-h: 60px;
  --field-h: 48px;
  --card-pad: 20px;
  --section-gap: 18px;
  --fs-13: 14px;
  --fs-14: 15px;
  --fs-15: 16px;
}

/* — 全局重置 — */
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  font-family: var(--ff-sans);
  font-size: var(--fs-14);
  line-height: var(--lh-base);
  color: var(--ink-800);
  background: #0b1220;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  overflow: hidden;
}
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

/* 数字使用等宽 tabular */
.num, .mono { font-variant-numeric: tabular-nums; }
.mono { font-family: var(--ff-mono); }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--ink-200); border-radius: 8px; border: 2px solid var(--bg-app); }
::-webkit-scrollbar-thumb:hover { background: var(--ink-300); }
::-webkit-scrollbar-track { background: transparent; }