/* ==========================================================================
   Phase 2 Design Tokens
   覆写 styles.css 里的 :root 变量。加载顺序必须晚于 styles.css。
   策略：保留旧变量名供旧规则继续使用，只换值。零 DOM/JS 改动。
   Author: Claude · 2026-05-18 P0
   ========================================================================== */

:root {
  /* === Cool-tone surfaces ================================================ */
  --c-bg:           #050608;
  --c-bg-2:         #0d1116;
  --c-panel:        #0d1116;
  --c-panel-2:      #111820;
  --c-line:         rgba(255, 255, 255, 0.08);
  --c-line-strong:  rgba(255, 255, 255, 0.14);

  /* === Text ============================================================== */
  --c-text:         #f2f5f8;
  --c-text-soft:    #c9ccd1;
  --c-text-muted:   #9aa5b4;

  /* === Accent · 中性化（旧青色已废，base 仅作 fallback，主题层会覆盖）====== */
  --c-accent:       #c9ccd1;
  --c-accent-soft:  #e4e7ea;
  --c-accent-ink:   #111418;   /* 填充按钮上的深色文字 */
  /* 旧别名 orange/gold/blue 全部映射到 accent，清掉金/白语义噪声 */
  --c-orange:       var(--c-accent);
  --c-orange-soft:  var(--c-accent-soft);
  --c-gold:         var(--c-accent);
  --c-gold-soft:    var(--c-accent-soft);
  --c-blue:         var(--c-accent);
  --c-blue-strong:  var(--c-accent-soft);
  --c-green:        #4ade80;   /* 仅状态成功用 */
  --c-green-soft:   #86efac;
  --c-green-deep:   #0B3A4A;
  --c-red:          #fb7185;

  /* === Phase 2 语义变量（新组件用） ====================================== */
  --p2-accent:        #c9ccd1;
  --p2-accent-soft:   #e4e7ea;
  --p2-accent-glow:   rgba(255, 255, 255, 0.12);
  --p2-accent-line:   rgba(255, 255, 255, 0.28);
  --c-accent-glow:    rgba(255, 255, 255, 0.12);
  --c-accent-line:    rgba(255, 255, 255, 0.28);
  --p2-warn:          #fbbf24;
  --p2-warn-line:     rgba(251, 191, 36, 0.40);
  --p2-danger:        #fb7185;
  --p2-danger-line:   rgba(251, 113, 133, 0.40);
  --p2-grid:          rgba(255, 255, 255, 0.025);
  --p2-noise:         rgba(255, 255, 255, 0.02);

  /* === Shadow · 收弱（工作台不需要浮卡感） ============================== */
  --shadow-1:       0 8px 24px rgba(0, 0, 0, 0.50);
  --shadow-2:       0 24px 80px rgba(0, 0, 0, 0.70);

  /* === Radius · 收紧到 4-8px ============================================ */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;

  /* === Typography ======================================================= */
  --font-base: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "HarmonyOS Sans SC", "Microsoft YaHei UI", "PingFang SC",
               system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code",
               Consolas, "Liberation Mono", Menlo, monospace;
  /* phase 2 不用 serif display 字体，保持工作台感 */
  --font-display: var(--font-base);

  /* === Motion · 略快、ease-out ========================================== */
  --t-fast: 140ms ease-out;
  --t-med:  180ms ease-out;
}

/* selection 颜色统一 */
::selection {
  background: var(--p2-accent-glow);
  color: var(--c-text);
}

/* 滚动条暗色化（Webkit） */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--c-line-strong);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.20);
}