:root {
  /* 唯一字体规则：不依赖外部字体服务，避免不同设备加载结果不一致。 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 现有首页颜色，后续页面只从这里取值。 */
  --dark: #05090e;
  --charcoal: #0c1218;
  --panel: #111a22;
  --text: #f4f7f8;
  --muted: rgba(244, 247, 248, 0.68);
  --muted-strong: rgba(244, 247, 248, 0.82);
  --line: rgba(255, 255, 255, 0.16);
  --page-light: #eef3f6;
  --surface-light: #ffffff;
  --surface-soft: #f7fafb;
  --text-dark: #12212c;
  --muted-dark: #60717c;
  --line-light: #d5e0e6;
  --accent: #dfe8eb;
  --accent-dark: #0d171f;

  /* 工程工具语义色：用于可编辑数据、工况、容量预留、储能与真实风险；不改变全站基础色。 */
  --electric-blue: #2563eb;
  --electric-blue-soft: #eff6ff;
  --operation-teal: #0f766e;
  --operation-teal-soft: #f0fdfa;
  --reserve-amber: #b45309;
  --reserve-amber-soft: #fff7ed;
  --storage-violet: #6d28d9;
  --storage-violet-soft: #f5f3ff;
  --risk-red: #b91c1c;
  --risk-red-soft: #fef2f2;

  /* 统一尺寸。 */
  --max-width: 1180px;
  --content-width: 760px;
  --line-height-body: 1.62;
  --tap-target: 44px;

  /* 统一间距：只使用 4/8 的倍数。 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* 统一圆角。 */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
}