/* ============================================================
   仕迈 PMIS 高保真原型 · 设计令牌
   方向：工业实用 / 工程图纸语言
   配色：冷纸面 + SAMITE 品牌蓝（取自客户 logo：#003194 深藏青 / #2361ab 主蓝）
         状态色（正常/警示/危险）保持语义色，不参与品牌化
   ============================================================ */

:root {
  /* —— 色彩（语义别名） —— */
  --color-bg: #eceff4;            /* 冷纸面底 */
  --color-surface: #fbfcfe;       /* 卡面 */
  --color-surface-2: #e5eaf2;     /* 嵌面（表头/工具条） */
  --color-ink: #0e2340;           /* 深藏青（侧栏底，logo 深蓝的暗化） */
  --color-text: #1c2735;
  --color-muted: #667385;
  --color-primary: #1b4f9a;       /* SAMITE 主蓝 */
  --color-primary-deep: #003194;  /* logo 深藏青 */
  --color-primary-soft: #e4ecf9;
  --color-accent: #0b5fc0;        /* 交互亮蓝（CTA / 强调） */
  --color-accent-deep: #003194;
  --color-accent-soft: rgba(11, 95, 192, .10);
  --color-line: rgba(14, 35, 64, .15);        /* 发丝线 */
  --color-line-strong: rgba(14, 35, 64, .33);
  --color-onink: #d7dfeb;         /* 侧栏浅字 */
  --color-onink-muted: #8695ab;
  --color-ok: #2b7a48;
  --color-ok-soft: rgba(43, 122, 72, .10);
  --color-warn: #9c6b06;
  --color-warn-soft: rgba(156, 107, 6, .12);
  --color-danger: #b3261e;
  --color-danger-soft: rgba(179, 38, 30, .09);
  --color-grid: rgba(14, 35, 64, .05);        /* 图纸网格 */
  --color-sidebar-active: #1b3560;

  /* —— 字体 —— */
  --font-display: "Archivo Black", "Archivo", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-sans: "Archivo", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;

  /* —— 字阶 —— */
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 23px;
  --text-2xl: 32px;
  --text-hero: 46px;

  /* —— 间距梯度 —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;

  /* —— 圆角（工业感：小圆角） —— */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* —— 阴影（三级，带环境冷调） —— */
  --shadow-1: 0 2px 8px rgba(11, 28, 56, .10);
  --shadow-2: 0 8px 28px rgba(11, 28, 56, .14);
  --shadow-3: 0 24px 64px rgba(11, 28, 56, .20);

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* —— 布局 —— */
  --sidebar-w: 236px;
  --topbar-h: 56px;
}

/* 暗色侧栏局部令牌 */
.sidebar {
  --sb-text: var(--color-onink);
  --sb-muted: var(--color-onink-muted);
  --sb-hover: #1a2f52;
  --sb-active: var(--color-sidebar-active);
}
