/* 设计令牌:色板、字号、间距、圆角、阴影的唯一来源(设计规范.md与测试都从这里读) */
:root {
  /* 主色 · 医疗青 */
  --p-50: #EEF8F8; --p-100: #D3EEEF; --p-200: #A7DCDF; --p-300: #6FC2C7; --p-400: #34A3AB;
  --p-500: #0F8A94; --p-600: #0B6F78; --p-700: #0A5A61; --p-800: #0B474D; --p-900: #0A3438;
  /* 强调色 · 神经紫(脑信号、机器权重、日志归因) */
  --a-50: #F3F1FE; --a-100: #E4E0FD; --a-300: #A99CF6; --a-500: #6D5BE8; --a-600: #5845D1; --a-700: #4636A8;
  /* 状态色:底 / 图形 / 文字 */
  --ok-50: #E9F7EF; --ok-500: #1F9D61; --ok-700: #147648;
  --warn-50: #FDF4E3; --warn-300: #F5C063; --warn-500: #D98E04; --warn-700: #9A6200;
  --err-50: #FCECEC; --err-300: #F09A9A; --err-500: #D64545; --err-700: #B4302F;
  /* 灰阶(偏冷) */
  --g-0: #FFFFFF; --g-25: #F8FAFC; --g-50: #F1F4F8; --g-100: #E5EAF0; --g-200: #D3DAE3; --g-300: #B6C0CC;
  --g-400: #8A96A6; --g-500: #64707F; --g-600: #4B5563; --g-700: #364152; --g-800: #222B38; --g-900: #141A23;

  /* 语义 */
  --bg: var(--g-25); --surface: var(--g-0); --surface-2: var(--g-50); --line: var(--g-100); --line-strong: var(--g-200);
  --text: var(--g-800); --text-2: var(--g-600); --text-inv: var(--g-0);
  --brand: var(--p-500); --brand-text: var(--p-700); --ai: var(--a-500);
  --mon-bg: var(--g-900); --mon-panel: var(--g-800); --mon-line: var(--g-700); --mon-text: var(--g-100); --mon-text-2: var(--g-300);

  /* 字体与字号:正文 16 / 辅助 14 / 标题 20–28,行高 1.6 */
  --font: 'Noto Sans SC', sans-serif;
  --fs-body: 16px; --fs-aux: 14px; --fs-h3: 20px; --fs-h2: 24px; --fs-h1: 28px; --fs-num: 28px; --lh: 1.6;

  /* 8px 栅格 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 40px; --s-8: 48px;
  /* 圆角 */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  /* 阴影层级:1 贴面卡 / 2 浮起卡 / 3 弹层 */
  --sh-1: 0 1px 2px rgba(20, 26, 35, .06), 0 1px 3px rgba(20, 26, 35, .04);
  --sh-2: 0 4px 12px rgba(20, 26, 35, .08), 0 1px 3px rgba(20, 26, 35, .05);
  --sh-3: 0 12px 32px rgba(20, 26, 35, .14), 0 2px 6px rgba(20, 26, 35, .06);
  --focus: 0 0 0 3px rgba(15, 138, 148, .28);
}