/* ============================================================
   邕安系统 · 设计令牌（Design Tokens）
   深色指挥主题 · 四色预警语义（蓝/黄/橙/红）
   配色经 dataviz 校验器验证：预警四色 CVD ΔE=14.2、对比度均 ≥3:1；
   水位双线 nanning/yongning CVD ΔE=50.5（详见交付说明）。
   ============================================================ */
:root {
  /* —— 表面层次（深→浅）—— */
  --bg-page:      #0a0e17;   /* 页面底 */
  --bg-panel:     #111725;   /* 面板底 */
  --bg-panel-2:   #131a2b;   /* 图表/子面板底（校验器基准 surface） */
  --bg-elevated:  #18202f;   /* 抬升卡片 */
  --bg-hover:     #1e2942;   /* 悬停 */
  --bg-scrim:     rgba(5, 8, 14, 0.72);

  /* —— 文字 —— */
  --ink-1: #eef2f8;   /* 主文字 */
  --ink-2: #a6b2c8;   /* 次文字 */
  --ink-3: #6b7890;   /* 弱文字/轴标 */
  --ink-invert: #0a0e17;

  /* —— 线条 —— */
  --line:        rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.16);
  --grid-line:   rgba(255, 255, 255, 0.06);

  /* —— 品牌强调 —— */
  --accent:      #35c6e6;   /* 邕江青 */
  --accent-dim:  rgba(53, 198, 230, 0.16);

  /* —— 四色预警语义（状态色，恒定不主题化）—— */
  --lv-blue:   #3a9bff;
  --lv-yellow: #ffd23f;
  --lv-orange: #ff9838;
  --lv-red:    #ff5566;
  --lv-blue-bg:   rgba(58, 155, 255, 0.15);
  --lv-yellow-bg: rgba(255, 210, 63, 0.15);
  --lv-orange-bg: rgba(255, 152, 56, 0.15);
  --lv-red-bg:    rgba(255, 85, 102, 0.16);
  --lv-blue-line:   rgba(58, 155, 255, 0.45);
  --lv-yellow-line: rgba(255, 210, 63, 0.45);
  --lv-orange-line: rgba(255, 152, 56, 0.45);
  --lv-red-line:    rgba(255, 85, 102, 0.5);

  /* —— 图表系列色 —— */
  --series-nanning:  #4da3ff;   /* 南宁站 */
  --series-yongning: #24c8b8;   /* 邕宁站 */
  --series-rain:     #3d7dff;   /* 雨强柱 */
  --series-pred:     rgba(77, 163, 255, 0.22);  /* 预测带 */

  /* —— synthetic 模拟要素统一标识 —— */
  --synthetic:      #9b8cff;
  --synthetic-line: rgba(155, 140, 255, 0.85);

  /* —— 趋势 —— */
  --trend-up:   #ff7a7a;   /* 上涨=更危险 */
  --trend-down: #57d9a3;   /* 回落 */
  --trend-flat: var(--ink-3);

  /* —— 尺寸 —— */
  --radius: 10px;
  --radius-sm: 6px;
  --gap: 12px;
  --font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", "Cascadia Mono", Consolas, monospace;

  /* —— 阴影 —— */
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
}