/* ============================================================
   北京明汉科技有限公司 · 零售电商设计系统令牌 v1.0
   深棕米白 · 简约高级电商风
   ============================================================ */
:root {
  /* ---------- 品牌主色 ---------- */
  --mh-primary: #6B4423;          /* 深棕 · 主品牌色 */
  --mh-primary-hover: #8B5E3C;    /* 浅棕 · hover 态 */
  --mh-primary-active: #523316;   /* 深咖 · active 态 */
  --mh-accent: #C9A876;           /* 燃茶金 · 价格/点缀 */
  --mh-accent-light: #E0C9A0;     /* 浅金 · 标签底 */

  /* ---------- 文字色阶 ---------- */
  --mh-text-1: #2C2419;           /* 主文字 · 深咖黑 */
  --mh-text-2: #5C4F3E;           /* 次级文字 · 中棕 */
  --mh-text-3: #8B7E6A;           /* 辅助文字 · 浅棕灰 */
  --mh-text-4: #B5A995;           /* 占位/禁用 · 更浅 */
  --mh-text-inverse: #FFFFFF;     /* 反白文字 */

  /* ---------- 背景色阶 ---------- */
  --mh-bg-page: #F5EFE6;          /* 页面底 · 米白 */
  --mh-bg-card: #FFFFFF;          /* 卡片底 · 纯白 */
  --mh-bg-soft: #FAF6EF;          /* 柔和底 · 浅米 */
  --mh-bg-section: #F0E9DC;       /* 区块底 · 深一档米 */
  --mh-bg-dark: #2C2419;          /* 深色区 · 深咖 */

  /* ---------- 分隔/边框 ---------- */
  --mh-line: #E8E0D5;             /* 分隔线 · 米褐 */
  --mh-line-soft: #F0E9DC;        /* 轻分隔 */
  --mh-border: #D9CFBE;           /* 边框 · 中米褐 */

  /* ---------- 功能色 ---------- */
  --mh-success: #6B8E5A;          /* 成功 · 橄榄绿 */
  --mh-warning: #C9941F;          /* 警告 · 琥珀金 */
  --mh-error: #B5482F;            /* 错误 · 赭红 */
  --mh-promo: #B5482F;            /* 促销价 · 赭红（克制版，非刺眼红）*/

  /* ---------- 阴影 ---------- */
  --mh-shadow-sm: 0 2px 8px rgba(107, 68, 35, 0.06);
  --mh-shadow-md: 0 4px 16px rgba(107, 68, 35, 0.08);
  --mh-shadow-lg: 0 8px 30px rgba(107, 68, 35, 0.12);
  --mh-shadow-hover: 0 8px 24px rgba(107, 68, 35, 0.14);

  /* ---------- 圆角 ---------- */
  --mh-radius-sm: 4px;
  --mh-radius: 6px;               /* 按钮/标签 */
  --mh-radius-md: 8px;            /* 输入框/小卡 */
  --mh-radius-lg: 12px;           /* 商品卡/大卡 */
  --mh-radius-pill: 999px;        /* 胶囊 */

  /* ---------- 渐变 ---------- */
  --mh-gradient-warm: linear-gradient(135deg, #6B4423 0%, #8B5E3C 100%);
  --mh-gradient-soft: linear-gradient(180deg, #F5EFE6 0%, #FAF6EF 100%);
  --mh-gradient-banner: linear-gradient(120deg, #2C2419 0%, #4A3826 60%, #6B4423 100%);

  /* ---------- 字体 ---------- */
  --mh-font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", 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);
}