/* v3.3 设计变量：数据分析报告式视觉系统
   纸面阅读为主，深色只用于封面/登录首屏；科技感来自刻度、等宽数字与克制的电光蓝。 */
:root {
  /* ---- 品牌与强调 ---- */
  --primary: #1f4fd8;
  --primary-hover: #1a43be;
  --primary-deep: #102f8f;
  --primary-light: #eef3ff;
  --primary-glow: rgba(31, 79, 216, 0.14);
  --accent: #0e93b0;
  --accent-light: #ecfbfe;
  --accent-glow: rgba(14, 147, 176, 0.16);
  --blue: #1f4fd8;
  --cyan: #0e93b0;
  --violet: #5b3fc4;
  --navy: #0a1220;
  --navy-2: #121e33;
  --navy-3: #223350;

  /* ---- 文字 ---- */
  --ink: #0a1220;
  --ink-2: #18233a;
  --text: #16202e;
  --text-1: #0a1220;
  --text-2: #22304a;
  --body: #22304a;
  --muted: #45566e;
  --text-3: #5b6c84;
  --faint: #5b6c84;

  /* ---- 纸面 ---- */
  --bg: #fbfcfe;
  --paper: #fbfcfe;
  --paper-2: #f6f8fc;
  --surface: #ffffff;
  --surface-2: #f7f9fd;
  --surface-3: #eef2f8;
  --surface-glass: rgba(255, 255, 255, 0.86);
  --border: #e2e9f2;
  --border-strong: #d3dded;
  --line: #e4eaf3;
  --line-2: #eef2f8;
  --line-strong: #d3dded;

  /* ---- 语义色（低饱和、可打印） ---- */
  --success: #0f766e;
  --success-bg: #effaf6;
  --success-line: #cdebdf;
  --warning: #a85a05;
  --warning-bg: #fff8eb;
  --warning-line: #f2dfb8;
  --danger: #a8261b;
  --danger-bg: #fdf2f0;
  --danger-line: #f2cdc8;
  --info: #1f4fd8;
  --info-bg: #eef3ff;
  --purple: #5b3fc4;
  --purple-bg: #f3f0ff;
  --purple-line: #e2dbfa;

  /* ---- 图表序列 ---- */
  --chart-1: #1f4fd8;
  --chart-2: #0e93b0;
  --chart-3: #5b3fc4;
  --chart-4: #a85a05;
  --chart-5: #0f766e;
  --chart-6: #64748b;
  --chart-grid: #edf1f8;
  --chart-axis: #6f7f95;

  /* ---- 深色封面（仅封面/登录/报告头） ---- */
  --cover: #070d18;
  --cover-2: #0b1526;
  --cover-3: #101d31;
  --cover-text: #e9effa;
  --cover-muted: #93a5bf;
  --cover-faint: #6f819c;
  --cover-line: rgba(128, 174, 255, 0.16);
  --cover-accent: #38bdf8;

  /* ---- 阴影（纸面层级） ---- */
  --shadow-sm: 0 1px 2px rgba(10, 18, 32, 0.04);
  --shadow-1: 0 1px 2px rgba(10, 18, 32, 0.04);
  --shadow-2: 0 10px 28px rgba(10, 18, 32, 0.06);
  --shadow-md: 0 10px 28px rgba(10, 18, 32, 0.06);
  --shadow-3: 0 28px 64px rgba(7, 13, 24, 0.18);
  --shadow-lg: 0 28px 64px rgba(7, 13, 24, 0.18);

  /* ---- 圆角（小而精确） ---- */
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 14px;
  --radius-pill: 999px;

  /* ---- 字体 ---- */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-size: calc(14px * 1.3);

  /* ---- 布局 ---- */
  --header-h: 64px;
  --sidebar-w: 232px;
  --content-max: 1320px;
}

/* 深色封面作用域：在深色区域内部覆盖纸面变量，组件可复用 */
.cover-scope {
  --surface: rgba(255, 255, 255, 0.04);
  --surface-2: rgba(255, 255, 255, 0.06);
  --surface-3: rgba(255, 255, 255, 0.09);
  --text: var(--cover-text);
  --text-1: var(--cover-text);
  --text-2: #c6d3e6;
  --muted: var(--cover-muted);
  --faint: var(--cover-faint);
  --line: var(--cover-line);
  --line-2: rgba(128, 174, 255, 0.1);
  --border: var(--cover-line);
  --primary-light: rgba(56, 189, 248, 0.1);
  --primary: var(--cover-accent);
}