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

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

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

  /* Banner 文案配色 */
  --color-text1: #00172D;
  --color-textH1: #00172D;
  --color-textH1-span: #00172D;
  --color-textH2: #F5F9FF;
  --color-textH2-bg: #004A8E;

  /* 导航色 */
  --color-navbg: #45729B;
  --nav-active-bg: #618DB6;
  --nav-active-color: #FFFFFF;

  /* 倒计时色 */
  --coutdown-title: #306391;
  --coutdown-number: #14366F;
  --coutdown-number-bg: #F5F9FF;

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

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

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