/* ===== 设计令牌：制图仪器风格 =====
   底图栅格始终偏亮，故 HUD 浮层用近不透明表面，确保文字对比度。
   浅色 = 暖纸；深色 = 夜航墨蓝（深色下画布经 CSS filter 压暗，面板随之协调）。 */

:root {
  --ink:        #0b1f27;
  --ink-soft:   #34505c;
  --paper:      #f5f2ea;

  --bg:         #e9edec;
  --fg:         #10242b;
  --muted:      #4f656c;
  --faint:      #7c9298;

  /* 近不透明表面 —— 浮在亮底图上仍保持文字可读 */
  --surface:        rgba(250, 249, 245, 0.94);
  --surface-solid:  #fbfaf6;
  --surface-2:      rgba(244, 242, 236, 0.92);
  --border:         rgba(11, 31, 39, 0.10);
  --border-strong:  rgba(11, 31, 39, 0.16);
  --hover:          rgba(11, 31, 39, 0.05);

  --accent:        #0d9488;
  --accent-strong: #0b6b62;
  --accent-soft:   rgba(13, 148, 136, 0.12);
  --accent-fg:     #ffffff;

  --route:   #0d9488;
  --origin:  #10b981;
  --dest:    #f97316;
  --danger:  #e11d48;

  --shadow-sm: 0 1px 2px rgba(11,31,39,.08), 0 2px 6px rgba(11,31,39,.06);
  --shadow-md: 0 4px 14px rgba(11,31,39,.14), 0 1px 3px rgba(11,31,39,.10);
  --shadow-lg: 0 18px 50px rgba(11,31,39,.24), 0 4px 12px rgba(11,31,39,.12);

  --blur: saturate(150%) blur(16px);

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  --font-ui: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace;

  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink:      #eaf6f8;
    --ink-soft: #a9c4cb;

    --bg:    #061116;
    --fg:    #e9f3f5;
    --muted: #9fb8bf;
    --faint: #6f8990;

    /* 深色：比之前更亮一档的不透明墨蓝，杜绝白字洗白 */
    --surface:        rgba(20, 40, 49, 0.92);
    --surface-solid:  #142831;
    --surface-2:      rgba(28, 50, 60, 0.90);
    --border:         rgba(231, 241, 243, 0.12);
    --border-strong:  rgba(231, 241, 243, 0.20);
    --hover:          rgba(231, 241, 243, 0.08);

    --accent:        #2dd4bf;
    --accent-strong: #5eead4;
    --accent-soft:   rgba(45, 212, 191, 0.18);
    --accent-fg:     #04201c;

    --route:  #2dd4bf;

    --shadow-sm: 0 1px 2px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35);
    --shadow-md: 0 6px 18px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    --shadow-lg: 0 22px 60px rgba(0,0,0,.62), 0 4px 14px rgba(0,0,0,.45);
  }
}

* { -webkit-tap-highlight-color: transparent; }