/* Design tokens — 单一来源。冷静高效风：灰白底、细边框、高密度、单一强调色 */
:root {
  --bg: #f4f5f8;
  --panel: #ffffff;
  --panel-2: #f4f4f5;      /* 面板内嵌套底，如聊天助手气泡 */
  --border: #e6e8ee;
  --border-strong: #d5d9e2;

  --text: #18181b;
  --text-2: #52525b;
  --text-3: #a1a1aa;

  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-soft: #eef2ff;  /* 强调色的极浅底，选中态/徽章用 */

  --crit: #dc2626;
  --crit-soft: #fef2f2;
  --warn: #ea580c;
  --warn-soft: #fff7ed;
  --supply: #7c3aed;
  --ok: #16a34a;
  --ok-soft: #f0fdf4;

  --radius: 8px;
  --radius-sm: 6px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-hover: 0 4px 14px rgba(16, 24, 40, 0.1);
  --topbar: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
  --topbar-text: rgba(255, 255, 255, 0.92);
  --topbar-muted: rgba(255, 255, 255, 0.55);
  --topbar-line: rgba(255, 255, 255, 0.14);
  --shadow-pop: 0 8px 30px rgba(24, 24, 27, 0.12);

  --font: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI",
          system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --t-fast: 150ms;
  --t-med: 200ms;
}