/* ---------------------------------------------------------------- 统一主题层
 *
 * 全站唯一的调色板 / 圆角 / 阴影 / 数据可视化色，**最后加载**（见 index.html）。
 *
 * 为什么要有这一层：三份样式表此前各写一份色板，主色在级联里换过三代
 * （styles.css 顶部 #35c6e8 → styles.css 尾部覆盖成 #66d9d2 → atlas.css 再覆盖成 #90ddbd），
 * 而 railfan.css 里又漂着一个天蓝色的"成功"标签（#38bdf8 / #7dd3fc）—— 同一页面里有两套
 * 语义色。现在统一为：
 *
 *   主色   --accent   #90ddbd  薄荷：可操作 / 选中 / 强调
 *   辅色   --accent2  #e9c18b  暖金：提示 / 次要信息
 *   径路色 --route    #ff71b8  品红：只给地图上的选中径路
 *   数据色 --viz-*             速度剖面、运行图等图表专用，不用于界面控件
 *
 * 圆角四档：20px 面板、12px 卡片、8px 控件、999px 胶囊。
 * 取值与 atlas.css 的既有观感保持一致，这里只是把"唯一来源"固定下来。
 * ---------------------------------------------------------------- */
:root {
  --bg: #0b151c;
  --panel: rgba(14, 28, 37, 0.97);
  --panel-solid: #172b36;
  --text: #f0f1e9;
  --dim: #a7bac0;
  --line: #ffffff18;

  --accent: #90ddbd;
  --accent2: #e9c18b;
  --route: #ff2d95;   /* 与 basemap.js 的 route-line 一致 */

  /* 主色/辅色的透明度阶梯，替代散落各处的 #90ddbd22、#e9c18b44 手写字面量 */
  --accent-weak: #90ddbd14;
  --accent-soft: #90ddbd33;
  --accent-line: #90ddbd55;
  --accent2-weak: #e9c18b14;
  --accent2-soft: #e9c18b33;

  --surface-sunken: #091a23;
  --surface-raised: #0c202b;

  --radius-panel: 20px;
  --radius-card: 12px;
  --radius-chip: 8px;
  --radius-pill: 999px;
  --shadow-panel: 0 18px 50px #0003;

  /* 地图图元颜色：必须与 basemap.js 里 rail-hs / rail-main / rail-branch / route-line
     的实际取值一致，否则右上角图例和地图上画的不是同一个颜色（以前就是：
     图例写 #35c6e8/#ffb74d/#90a4ae，地图画 #12a8c4/#e0a03c/#546a7b/#ff2d95）。
     verify_style 会解析 basemap.js 交叉核对，别再让它们漂移。 */
  --rail-hs: #12a8c4;
  --rail-main: #e0a03c;
  --rail-branch: #546a7b;
  --train-dot: #35c6e8;

  /* 数据可视化专用（速度剖面柱、运行图线），与界面控件语义分开 */
  --viz-fast: #7dd3fc;
  --viz-mid: #90ddbd;
  --viz-slow: #e9c18b;
  --viz-gap: #f87171;
}

/* 面板与卡片：圆角/阴影统一（值与原 atlas.css 一致，避免 18px 与 20px 混用） */
.panel,
.fan-workbench {
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-panel);
}
.pro-sec,
.transfer-card,
.diagram-plot,
.tracking-hud,
.speed-box,
.pro-box {
  border-radius: var(--radius-card);
}

/* 控件与标签：统一到 8px；胶囊类保持圆头 */
.data-btn,
.icon,
.fan-tabs button,
.pro-chip,
.pro-link,
.pro-mini-btn,
.pro-tag {
  border-radius: var(--radius-chip);
}

/* 「成功/正常」状态原本用天蓝，和主色薄荷是两套语义；统一回主色 */
.pro-tag.ok {
  background: var(--accent-soft);
  color: var(--accent);
  border-color: var(--accent-line);
}

/* 滚动条配色全站一致（细滚动条沿用各组件自己的 scrollbar-width） */
* {
  scrollbar-color: var(--accent-soft) transparent;
}