/* ============================================================
   北京乐璟科技有限公司 · 零售电商设计系统令牌 v2.0
   星舰靛紫 · 冷调科技电商风
   ============================================================ */
:root {
  /* ---------- 品牌主色 ---------- */
  --mh-primary: #4338CA;          /* 靛紫 · 主品牌色 */
  --mh-primary-hover: #5B50E0;    /* 亮靛 · hover 态 */
  --mh-primary-active: #312E81;   /* 深靛 · active 态 */
  --mh-accent: #14B8A6;           /* 青碧 · 价格/点缀 */
  --mh-accent-light: #CFF7F1;     /* 浅青 · 标签底 */

  /* ---------- 文字色阶 ---------- */
  --mh-text-1: #171A3B;           /* 主文字 · 靛墨 */
  --mh-text-2: #4A4F7C;           /* 次级文字 · 中灰蓝 */
  --mh-text-3: #7B80A6;           /* 辅助文字 · 浅灰蓝 */
  --mh-text-4: #B3B7D0;           /* 占位/禁用 · 更浅 */
  --mh-text-inverse: #FFFFFF;     /* 反白文字 */

  /* ---------- 背景色阶 ---------- */
  --mh-bg-page: #F3F4FC;          /* 页面底 · 冷雾白 */
  --mh-bg-card: #FFFFFF;          /* 卡片底 · 纯白 */
  --mh-bg-soft: #F8F9FE;          /* 柔和底 · 浅雾 */
  --mh-bg-section: #EBEDF9;       /* 区块底 · 淡靛灰 */
  --mh-bg-dark: #14173A;          /* 深色区 · 午夜靛 */

  /* ---------- 分隔/边框 ---------- */
  --mh-line: #E3E6F3;             /* 分隔线 · 雾蓝 */
  --mh-line-soft: #EEF0F9;        /* 轻分隔 */
  --mh-border: #D5D9EC;           /* 边框 · 中灰蓝 */

  /* ---------- 功能色 ---------- */
  --mh-success: #0E9F6E;          /* 成功 · 翡翠绿 */
  --mh-warning: #E08E0B;          /* 警告 · 琥珀 */
  --mh-error: #E23E57;            /* 错误 · 绯红 */
  --mh-promo: #E23E57;            /* 促销价 · 绯红 */

  /* ---------- 阴影 ---------- */
  --mh-shadow-sm: 0 2px 8px rgba(35, 31, 105, 0.07);
  --mh-shadow-md: 0 4px 16px rgba(35, 31, 105, 0.10);
  --mh-shadow-lg: 0 8px 30px rgba(35, 31, 105, 0.14);
  --mh-shadow-hover: 0 8px 24px rgba(35, 31, 105, 0.16);

  /* ---------- 圆角（大圆角现代风） ---------- */
  --mh-radius-sm: 6px;
  --mh-radius: 10px;              /* 按钮/标签 */
  --mh-radius-md: 14px;           /* 输入框/小卡 */
  --mh-radius-lg: 20px;           /* 商品卡/大卡 */
  --mh-radius-pill: 999px;        /* 胶囊 */

  /* ---------- 渐变 ---------- */
  --mh-gradient-warm: linear-gradient(135deg, #4338CA 0%, #7C3AED 100%);
  --mh-gradient-soft: linear-gradient(180deg, #F3F4FC 0%, #F8F9FE 100%);
  --mh-gradient-banner: linear-gradient(120deg, #14173A 0%, #2A2E7E 55%, #4338CA 100%);

  /* ---------- 字体（全站现代无衬线） ---------- */
  --mh-font-display: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mh-font-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* ---------- 动效 ---------- */
  --mh-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --mh-dur: 0.3s;
}

/* ============================================================
   主题色映射 · 让旧类名继承新令牌
   ============================================================ */
.font-theme { color: var(--mh-primary) !important; }
a:hover { color: var(--mh-primary-hover) !important; }
.link-hover:hover { color: var(--mh-primary-hover) !important; }

/* body 基础调色（覆盖 theme.css 的白底） */
body {
  background-color: var(--mh-bg-page);
  color: var(--mh-text-1);
  font-family: var(--mh-font-body);
}

/* 通用阴影类令牌化 */
.box-shadow {
  background: var(--mh-bg-card);
  box-shadow: var(--mh-shadow-md);
}
.box-shadow-light {
  background: var(--mh-bg-card);
  box-shadow: var(--mh-shadow-sm);
}