/* ==========================================================
   tokens.css · 设计变量
   想改配色、字号、圆角，只改这个文件即可，全站生效。
   ========================================================== */
:root {
  /* 品牌色 */
  --mh-primary: #2563eb;
  --mh-primary-dark: #1d4ed8;
  --mh-primary-soft: #dbeafe;
  --mh-accent: #f59e0b;
  --mh-accent-soft: #fef3c7;
  --mh-green: #10b981;
  --mh-green-soft: #d1fae5;
  --mh-purple: #8b5cf6;
  --mh-red: #ef4444;

  /* 文字 */
  --mh-text: #1f2937;
  --mh-text-soft: #6b7280;
  --mh-text-faint: #9ca3af;

  /* 背景与边框 */
  --mh-bg: #f4f6fb;
  --mh-card: #ffffff;
  --mh-border: #e5e7eb;
  --mh-border-strong: #d1d5db;

  /* 尺寸 */
  --mh-radius: 12px;
  --mh-radius-sm: 8px;
  --mh-radius-lg: 18px;
  --mh-gap: 16px;
  --mh-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  --mh-shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.10);

  /* 字体 */
  --mh-font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Arial, sans-serif;
  --mh-font-math: "Cambria Math", "Times New Roman", Georgia, serif;

  /* 图形专用色（交互画布里使用） */
  --mh-fig-line: #1e3a8a;
  --mh-fig-fill: rgba(37, 99, 235, 0.10);
  --mh-fig-grid: #e8edf5;
  --mh-fig-aux: #f59e0b;
  --mh-fig-handle: #2563eb;
}