/* =============================================================
   css/variables.css · 全局 CSS 变量
   唯一权威清单来自架构 §7.5（PRD §9.1/§9.2）。
   严禁自造变量名；新增变量须先改架构文档。
   ============================================================= */

:root {
  /* ---------- 主色 ---------- */
  --blue-700: #1d4ed8;   /* 主按钮 / 激活导航 / 标题左竖条 / 链接 */
  --blue-600: #2563eb;   /* 悬浮态 / 图表主色 */
  --blue-50:  #eff6ff;   /* 表头 / 卡片选中底 / 引用块底 */
  --blue-100: #dbeafe;   /* 卡片边框 / hover 底 */
  --blue-900: #1e3a8a;   /* 表头文字 / 深主色 */
  --blue-25:  #f5f9ff;   /* [POLISH] 更浅的品牌底：页面分区 / hover 强调 */

  /* ---------- 品牌渐变（[POLISH] 大气质感的统一来源，禁止散落自造渐变）---------- */
  --brand-grad: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 52%, #2563eb 100%);
  --brand-grad-soft: linear-gradient(135deg, #eff6ff 0%, #f5f9ff 100%);

  /* ---------- 中性 ---------- */
  --ink-900: #0f172a;    /* 主标题 / KPI 数值 */
  --ink-700: #334155;    /* 正文 / 表格文字 */
  --ink-500: #64748b;    /* 说明 / 时间戳 / 辅助字段 */
  --line:     #e2e8f0;   /* 分隔线 / 表格边框 */
  --bg:       #f4f7fb;   /* 页面背景（[POLISH] 由 #f8fafc 加深半档，衬托白卡） */
  --white:    #ffffff;   /* 卡片 / 弹窗 / 抽屉 */
  --gray:     #94a3b8;   /* 已忽略 / 停用 / 无数据 */

  /* ---------- 语义三级（红 / 黄 / 绿）---------- */
  --red:       #dc2626;
  --red-bg:    #fef2f2;
  --red-line:  #fecaca;
  --yellow:    #d97706;
  --yellow-bg: #fffbeb;
  --yellow-line:#fde68a;
  --green:     #059669;
  --green-bg:  #ecfdf5;
  --green-line:#a7f3d0;

  /* ---------- 字号 ---------- */
  --fs-h1: 22px;      /* 页面标题（[POLISH] 20→22，更大气） */
  --fs-h2: 17px;      /* 区块标题（带 4px 蓝色左竖条） */
  --fs-h3: 15px;      /* 卡片 / 面板标题 */
  --fs-kpi: 30px;     /* KPI 数值（[POLISH] 26→30，数字更有冲击力） */
  --fs-body: 13.5px;  /* 正文 */
  --fs-table: 12.5px; /* 表格文字 / 表头 */
  --fs-meta: 12px;    /* 辅助 / 时间戳 */
  --fs-tag: 11.5px;   /* 徽标 / 标签 */

  /* ---------- 行高 ---------- */
  --lh-body: 1.6;
  --lh-table: 1.4;

  /* ---------- 间距（4 / 8 / 12 / 16 / 24 / 32）---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* ---------- 尺寸 ---------- */
  --topbar-h: 60px;   /* [POLISH] 56→60，顶栏更有呼吸感 */
  --nav-w: 220px;
  --nav-w-collapsed: 56px;
  --drawer-form: 520px;
  --drawer-detail: 720px;

  /* ---------- 圆角（[POLISH] 全档 +2~4px，更现代）---------- */
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-tag: 6px;

  /* ---------- 阴影（[POLISH] 三级体系，全部经此引用，禁止散落硬编码）---------- */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .05);
  --shadow-2: 0 4px 12px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);
  --shadow-3: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 10px rgba(15, 23, 42, .06);
  --shadow-card: var(--shadow-1);
  --shadow-card-hover: var(--shadow-2);
  --shadow-modal: var(--shadow-3);

  /* ---------- 遮罩 ---------- */
  --overlay: rgba(15, 23, 42, .45);

  /* ---------- 字体族（不引外部字体）---------- */
  --font: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  --font-num: "SF Mono", Consolas, "Courier New", monospace;

  /* ---------- z-index 层级（统一收敛，禁止散落魔法数）---------- */
  --z-nav: 90;
  --z-topbar: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-ai-ball: 150;
  --z-ai-panel: 260;
  /* [TOUR] 登录页「了解产品」嵌入式导览覆盖层（需盖过 modal / toast） */
  --z-tour: 500;
}