:root {
  /* 主色系 - 品牌蓝 */
  --color-primary-900: #15356f;   /* Logo 深蓝、导航栏 */
  --color-primary-700: #1f4f9b;   /* 品牌蓝次级 */
  --color-primary-600: #2b67c0;   /* 链接、强调按钮 */
  --color-primary-100: #dfeafb;   /* 蓝色浅底 */
  --color-primary-50:  #f4f8ff;   /* 区块浅色背景 */

  /* 强调色 - Logo 红 */
  --color-accent-500:  #e53935;   /* 核心强调、询价 */
  --color-accent-400:  #f15b57;   /* hover 状态 */
  --color-accent-50:   #fff1f1;   /* 红色浅底 */

  /* 成功色 */
  --color-success-500: #10B981;   /* 在线状态、成功提示 */

  /* 中性色 */
  --color-gray-900:    #1E293B;   /* 正文标题 */
  --color-gray-700:    #334155;   /* 正文内容 */
  --color-gray-500:    #64748B;   /* 辅助文字 */
  --color-gray-300:    #CBD5E1;   /* 边框 */
  --color-gray-100:    #F1F5F9;   /* 分割背景 */
  --color-gray-50:     #F8FAFC;   /* 页面背景 */
  --color-white:       #FFFFFF;   /* 卡片背景 */

  /* 渐变 */
  --gradient-hero: linear-gradient(135deg, #15356f 0%, #2b67c0 100%);
  --gradient-cta:  linear-gradient(135deg, #d92f2f 0%, #f15b57 100%);

  /* 圆角系统 */
  --radius-card: 12px;
  --radius-button-lg: 24px;
  --radius-button-sm: 20px;
  --radius-image: 8px;
  --radius-tag: 12px;
  --radius-input: 24px;
  --radius-modal: 16px;

  /* 阴影系统 */
  --shadow-low: 0 1px 3px rgba(21, 53, 111, 0.05);
  --shadow-mid: 0 2px 8px rgba(21, 53, 111, 0.08);
  --shadow-high: 0 4px 16px rgba(21, 53, 111, 0.12);

  /* 间距系统 */
  --spacing-section: 40px;
  --spacing-header: 16px;
  --spacing-card: 12px;
  --spacing-card-inner: 12px;
  --spacing-page: 16px;

  /* 字体系统 */
  --font-family: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
}