/* module.html 配置覆盖文件
 * 约束：仅维护可配置的颜色与属性变量，不放结构性样式。
 * 使用方式：在 public.css 等基础样式之后引入。
 */

:root {
  /* 背景配置 */
  --bg-img: url("https://resource.xp-pen.com/img/active_list/Motherday26/bg.jpg");
  --bg-color: #fff;

  /* 主色板 */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark: #212121;
  --color-red: #cc1f1f;
  --color-light-gray: #f2f4fb;

  /* Banner 文案配色 */
  --color-text1: #960C40;
  --color-textH1: #960C40;
  --color-textH1-span: #960C40;
  --color-textH2: #fff;
  --color-textH2-bg: none;

  /* 导航色 */
  --color-navbg: #FFACC3;
  --nav-active-bg: #FFE9EF;
  --nav-active-color: #960C40;

  /* 倒计时色 */
  --coutdown-title: #84223D;
  --coutdown-number: #fff;
  --coutdown-number-bg: #D8567A;

  /* 优惠券色 */
  --coupon-title: #84223D;
  --color-coupon: #E45E90;
  --coupon-p1: #fff;
  --coupon-p2: #fff;
  --coupon-p3: #0C0D0D;
  --coupon-p3-bg: #FFE9EF;
  --coupon-bd: #FFE9EF;

  /* 商品区与按钮色 */
  --NY-title: #000;
  --sell-text: #000;
  --buy-btn: #2c1701;
  --buy-btn-hover: #D44A7E;
  --more-btn: #D44A7E;
  --more-btn-border: #fff;

  /* 其他可配置属性 */
  --free-title: #000;
  --title-bg: #85223E;
  --title-transform: translate(-50%, -58%);
}