:root {
  /* 色板 · 取自 UI 稿（深岩青底 + 信号橙，户外手册风） */
  --bg: #182028;
  --bg-deep: #131a21;
  --card: #1f2833;
  --card-press: #242f3c;
  --line: #2a3642;
  --line-strong: #3a4a5a;
  --ink: #e8ebee;
  --ink-dim: #9aa7b4;
  --ink-faint: #67757f;
  --accent: #d06010;
  --accent-press: #e8741f;
  --accent-soft: rgba(208, 96, 16, 0.14);
  --blue: #5d7a99;
  --table-head: #404038;
  --footer-bg: #141c22;
  --footer-line: #232e38;

  /* 字体 */
  --font-serif: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* 字号阶梯 */
  --fs-hero: clamp(28px, 3vw, 42px);
  --fs-h2: 20px;
  --fs-h3: 14px;
  --fs-body: 13px;
  --fs-dim: 12px;
  --fs-xs: 11px;

  /* 形状与阴影 */
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 10px 26px rgba(0, 0, 0, 0.45);

  /* 布局 */
  --container: 1120px;
  --header-h: 48px;
}