/* 设计令牌：严格取自 /root/rd/maiproto/docs/产品设计语言定义书.md（D11）。新增色值必须先进定义书。 */
:root {
  /* 2.1 品牌 */
  --brand-blue: #2463EB;
  --brand-violet: #7C3BED;
  --primary: #5048E5;
  --accent: #3129D6;
  --brand-gradient: linear-gradient(120deg, #2463EB, #7C3BED);
  /* 2.2 中性 */
  --page-bg: #F8F9FC;
  --card: #FFFFFF;
  --foreground: #222844;
  --muted-foreground: #737996; /* 仅图形与大字；12px 说明文字的对比度边界见定义书 2.3.1 */
  --tint: #F1F1FD;
  --border: #E4E7F1;
  /* 2.3 语义（边界见 2.3.1：橙、青不得单独承载信息；绿仅限图标/圆点/大字） */
  --success: #16A34A;
  --warning: #F59E0B;
  --danger: #DC2626;
  --info: #0EA5E9;
  --neutral: #64748B;
  --primary-soft: rgba(80, 72, 229, 0.08); /* 胶囊徽标底：主色 8% */
  /* 2.4 Banner */
  --banner-bg: #F6F4FF;
  /* 三、字体 */
  --font-sans: "PingFang SC", "Segoe UI", -apple-system, "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  /* 四、字号/行高 */
  --text-hero: 38px; --lh-hero: 46px;
  --text-stat: 30px; --lh-stat: 38px;
  --text-page-title: 20px; --lh-page-title: 28px;
  --text-card-title: 16px; --lh-card-title: 24px;
  --text-body: 14px; --lh-body: 22px;
  --text-caption: 12px; --lh-caption: 20px;
  --label-tracking: 0.22em;
  /* 五、圆角与阴影 */
  --radius: 12px;
  --radius-card: 16px;
  --radius-button: 10px;
  --radius-pill: 9999px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px -12px rgba(80, 72, 229, 0.10);
  --shadow-accent: 0 8px 24px -8px rgba(80, 72, 229, 0.35); /* 强调投影：仅渐变主按钮与浮层；定义书未给精确值，取主色带紫调 */
  --content-max: 1280px;
}