/* ============================================================
   52qlx 礼品 B2B 平台子站 design-tokens
   配色经 Coolors MCP 生成/验证（2026-07-21）：
     - primary 墨绿色阶 = Coolors.generate_monochromatic(#1E3D2F) 50-950
     - accent 香槟金 #C8A24A / CTA 礼品红 #B4202E = Coolors.parse_color 验证
   守 CLAUDE.md「禁编造配色 / 禁内联样式」：所有色值集中此文件。
   ============================================================ */
:root {
  /* ---- primary 墨绿（Coolors 色阶，800=基准主色） ---- */
  --mall-primary-50:  #daffec;
  --mall-primary-100: #cff3e1;
  --mall-primary-200: #b8ddca;
  --mall-primary-300: #9bbeac;
  --mall-primary-500: #5d7e6e;
  --mall-primary-600: #4a6a5a;
  --mall-primary-700: #375747;
  --mall-primary-800: #1e3d2f;   /* = #1E3D2F 品牌主色 */
  --mall-primary-900: #133224;   /* hover 深 */
  --mall-primary-950: #012114;   /* 最深 */

  /* 语义主色别名 */
  --mall-primary:        var(--mall-primary-800);
  --mall-primary-hover:  var(--mall-primary-900);
  --mall-primary-dark:   var(--mall-primary-950);
  --mall-primary-light:  var(--mall-primary-700);
  --mall-primary-tint:   var(--mall-primary-300);

  /* ---- accent 香槟金（Coolors 验证 hsl(42,53%,54%)） ---- */
  --mall-gold:       #C8A24A;
  --mall-gold-light: #D9BC6E;
  --mall-gold-pale:  #E6D29A;

  /* ---- CTA 礼品红（Coolors 验证 hsl(354,70%,42%)）仅 CTA 按钮 ---- */
  --mall-cta:        #B4202E;
  --mall-cta-hover:  #9A1B27;

  /* ---- 中性：暖底 / 卡片 / 正文 / 辅助 / 分隔 ---- */
  --mall-bg:         #F8F5EE;   /* 米白暖底 */
  --mall-bg-alt:     #F2EDE0;   /* 次背景 */
  --mall-card:       #FFFFFF;
  --mall-ink:        #1A1A1A;   /* 正文墨 */
  --mall-ink-soft:   #6B6357;   /* 辅助文字 */
  --mall-border:     #E5DFD0;   /* 分隔线 */
  --mall-border-soft:#EFEADD;

  /* ---- 价格语义 ---- */
  --mall-price:      var(--mall-cta);        /* 价格用礼品红强调 */
  --mall-price-strike: #9a9a9a;              /* 划线原价 */

  /* ---- 字体 ---- */
  --mall-font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --mall-font-sans:  "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

  /* ---- 圆角 / 阴影 / 间距（礼品温润） ---- */
  --mall-radius-sm: 8px;
  --mall-radius:    12px;     /* 卡片默认 */
  --mall-radius-lg: 16px;     /* 大卡 / hero */
  --mall-radius-pill: 999px;
  --mall-shadow:        0 2px 8px rgba(0,0,0,0.06);
  --mall-shadow-hover:  0 6px 20px rgba(30,61,47,0.12);
  --mall-shadow-deep:   0 10px 40px rgba(0,0,0,0.18);
  --mall-section-gap:   96px;   /* 普通章节间距 */
  --mall-section-gap-deep: 120px; /* 深底章节 */
  --mall-container: 1280px;
  --mall-container-wide: 1440px;
  --mall-transition: 150ms ease;

  /* ---- Bootstrap 主色映射覆盖（让 Bootstrap 组件也走礼品色） ---- */
  --bs-primary: var(--mall-primary);
  --bs-body-bg: var(--mall-bg);
  --bs-body-color: var(--mall-ink);
  --bs-border-color: var(--mall-border);
  --bs-primary-rgb: 30, 61, 47;
  --bs-link-color: var(--mall-primary);
  --bs-link-hover-color: var(--mall-primary-hover);
}