/* ============================================================
   北京乐璟科技有限公司 · 中台用户中心设计令牌 v2.0
   深棕米白 · 简约高级电商风（与前台 tokens.css 同语义，自包含）
   ============================================================ */
:root {
  /* ---------- 品牌主色 ---------- */
  --mh-primary: #4338CA;
  --mh-primary-hover: #5B50E0;
  --mh-primary-active: #312E81;
  --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: #171A3B;

  /* ---------- 分隔/边框 ---------- */
  --mh-line: #E3E6F3;
  --mh-line-soft: #EBEDF9;
  --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.06);
  --mh-shadow-md: 0 4px 16px rgba(35, 31, 105, 0.08);
  --mh-shadow-lg: 0 8px 30px rgba(35, 31, 105, 0.12);
  --mh-shadow-hover: 0 8px 24px rgba(35, 31, 105, 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, #4338CA 0%, #5B50E0 100%);
  --mh-gradient-soft: linear-gradient(180deg, #F3F4FC 0%, #F8F9FE 100%);
  --mh-gradient-banner: linear-gradient(120deg, #171A3B 0%, #2A2E7E 60%, #4338CA 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;

  /* ---------- 布局 ---------- */
  --mh-topbar-h: 64px;
  --mh-content-max: 1280px;
}