/* --------------------------------------------------------------------------
   设计令牌 · 与业务端 clinical-theme.css 同一口径
   医疗蓝主色、冷灰画布、边框分层、4/6px 圆角、无卡片投影。
   桌面端专用：基准 1440px，最小支持宽度 1180px。
   -------------------------------------------------------------------------- */

:root {
  /* 主色阶 */
  --brand-50: #e8f1fb;
  --brand-100: #d9e8f8;
  --brand-200: #bcd6ef;
  --brand-300: #93bce4;
  --brand-400: #4d92cf;
  --brand-500: #0b5cad;
  --brand-600: #0a5099;
  --brand-700: #093f77;
  --brand-800: #072f57;

  /* 中性阶 */
  --n-0: #ffffff;
  --n-25: #fcfdfe;
  --n-50: #f5f7fa;
  --n-75: #f8fafc;
  --n-100: #eef1f5;
  --n-200: #e3e8ef;
  --n-300: #cfd8e3;
  --n-400: #93a1b3;
  --n-500: #5b6b82;
  --n-600: #4a5870;
  --n-700: #33415a;
  --n-800: #1c2740;
  --n-900: #0f172a;

  /* 语义色 */
  --success: #0f7a4d;
  --success-strong: #0b6240;
  --success-bg: #ecfdf3;
  --success-border: #b8e3cd;
  --warning: #b45309;
  --warning-bg: #fffaeb;
  --warning-border: #f0d9a8;
  --danger: #b42318;
  --danger-strong: #901c13;
  --danger-bg: #fef3f2;
  --danger-border: #f3c3be;
  --info-bg: var(--brand-50);
  --info-border: var(--brand-200);

  /* 文字 */
  --text-1: #0f172a;
  --text-2: #33415a;
  --text-3: #4a5870;
  --text-4: #5b6b82;
  --text-inverse: #ffffff;
  --text-link: var(--brand-600);

  /* 结构线 */
  --border-1: #e3e8ef;
  --border-2: #eef1f5;
  --border-strong: #cdd6e2;
  --border-brand: var(--brand-200);

  /* 背景 */
  --bg-app: #f5f7fa;
  --bg-card: #ffffff;
  --bg-subtle: #f8fafc;
  --bg-hover: #f2f5f9;
  --bg-active: #e8f1fb;
  --bg-code: #f6f8fb;

  /* 图表 */
  --chart-1: #0b5cad;
  --chart-2: #0f7a4d;
  --chart-3: #b45309;
  --chart-4: #6b4fa8;
  --chart-5: #b42318;
  --chart-6: #8494a8;
  --chart-fee: #0b5cad;
  --chart-cost: #93bce4;
  --chart-resident: #6b4fa8;

  /* 圆角与投影 */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --shadow-pop: 0 8px 24px rgba(15, 23, 42, 0.12);
  --shadow-drawer: -12px 0 32px rgba(15, 23, 42, 0.10);

  /* 尺寸与密度 */
  --h-topbar: 54px;
  --w-sidebar: 216px;
  --h-control: 32px;
  --h-control-sm: 28px;
  --h-row: 42px;
  --h-row-head: 36px;
  --w-content-max: 1680px;

  /* 字号 */
  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 22px;
  --fs-kpi: 26px;

  /* 按钮 */
  --btn-primary-bg: var(--brand-500);
  --btn-primary-bg-hover: var(--brand-600);
  --btn-primary-border: var(--brand-500);

  /* 兼容 Element Plus 变量（后续迁入 Vue 时可直接复用） */
  --el-color-primary: var(--brand-500);
  --el-border-radius-base: var(--r-sm);
  --el-border-color: var(--border-1);
  --el-text-color-primary: var(--text-1);
  --el-text-color-regular: var(--text-2);
}