consult-template/shared/design-system-light.css

/* design-system-light.css · 咨询产出浅色视觉系统
 * 来源：consult-haleon/demo/df-jiangzhong/shared/design-system-light.css
 * 适用：所有咨询产出 HTML（提案/价值地图/陪跑计划/汇报）
 */
:root {
  /* 主色 */
  --primary: #30EA03;
  --primary-dark: #1a8a00;
  --primary-subtle: rgba(48, 234, 3, 0.06);
  /* 背景层级 */
  --bg-0: #FFFFFF;
  --bg-1: #F7F8F9;
  --bg-2: #EEF0F2;
  --bg-3: #E4E6E8;
  /* 文字层级 */
  --text-1: #000000;
  --text-2: #444444;
  --text-3: #888888;
  /* 边框 */
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.16);
  /* 模块强调色（咨询场景语义） */
  --df-blue: #1a6dd4;    /* 数据/科技/建议 */
  --qw1-rose: #d94450;   /* 问题/卡点/风险 */
  --qw2-teal: #0d9488;   /* 解决方案/增长 */
  --qw3-green: #16a34a;  /* 成果/已确认 */
  --amber: #e8940a;      /* 机会/洞察 */
  --purple: #7c3aed;     /* 战略/架构 */
  --blue: #2563eb;       /* 信息/数据 */
  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  /* 字体 */
  --font-head: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-body: 'Noto Sans SC', 'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', monospace;
  /* 最大宽度 */
  --max-w: 1280px;
  /* 画布 */
  --canvas-w: 1280px;
  --canvas-h: 720px;
}

/* 基础重置 */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; font-family: var(--font-body); background: var(--bg-0); color: var(--text-1); -webkit-font-smoothing: antialiased; }