/* ============================================================
   mixlu JARVIS 机甲主题 —— 黑主 · 电弧蓝辅
   本地化覆盖层：仅覆写设计令牌 + 少量质感细节
   移除本文件 + index.html 中的 <link> 即可完整回滚
   ============================================================ */

/* ---------- 深空黑 / 电弧蓝（默认深色机甲） ---------- */
:root[data-theme],
:root:not([data-theme]) {
  color-scheme: dark;

  /* 背景：深蓝黑底，蓝调面板 */
  --bg: #050a14;
  --bg-accent: #0a1322;
  --bg-elevated: #0e1929;
  --bg-hover: #132238;
  --bg-muted: #0f1b2c;
  --card: #0b1524;
  --card-foreground: #eaf4ff;
  --card-highlight: #38bdf80f;
  --popover: #0e1929;
  --popover-foreground: #eaf4ff;
  --panel: #050a14;
  --panel-strong: #101d30;
  --panel-hover: #14253c;
  --chrome: #050a14f2;
  --chrome-strong: #050a14fa;

  /* 文字：冷白，略偏蓝 */
  --text: #c3d8ef;
  --text-strong: #f2f9ff;
  --chat-text: #cbdcf0;
  --muted: #8aa2bd;
  --muted-strong: #9cb4cf;
  --muted-foreground: #8aa2bd;

  /* 边框：蓝钢质感 */
  --border: #142c44;
  --border-strong: #1f4266;
  --border-hover: #3f7fae;
  --input: #0c1826;
  --grid-line: #00e6ff10;

  /* 强调色：冰青电弧蓝（更亮更冷，JARVIS 能量核心） */
  --accent: #00e6ff;
  --accent-hover: #54f0ff;
  --accent-muted: #00e6ff;
  --accent-subtle: #00e6ff2e;
  --accent-foreground: #020a0d;
  --accent-glow: #00e6ff66;
  --ring: #00e6ff;
  --focus: #00e6ff59;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 3px color-mix(in srgb, var(--ring) 90%, transparent);
  --focus-glow: 0 0 0 2px var(--bg), 0 0 0 3px var(--ring), 0 0 22px var(--accent-glow);

  --primary: #00e6ff;
  --primary-foreground: #020a0d;
  --secondary: #0f1a2a;
  --secondary-foreground: #dcebff;

  /* 第二强调：冰白青，高光点缀 */
  --accent-2: #6ff7ff;
  --accent-2-muted: #6ff7ffb3;
  --accent-2-subtle: #6ff7ff26;

  --selection-bg: #00b8ff;
  --selection-fg: #ffffff;

  --shadow-glow: 0 0 30px 2px var(--accent-glow);

  /* 机甲风：偏硬朗的小圆角（原 6~20px 收窄） */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius: 8px;
}

/* ---------- 浅色机甲（银白 + 深蓝描边，克制变体） ---------- */
:root[data-theme-mode="light"] {
  color-scheme: light;

  --bg: #eef3f9;
  --bg-accent: #e3eaf3;
  --bg-elevated: #ffffff;
  --bg-hover: #dbe6f2;
  --bg-muted: #dbe4ef;
  --card: #ffffff;
  --card-foreground: #0a1220;
  --popover: #ffffff;
  --popover-foreground: #0a1220;
  --panel: #eef3f9;
  --panel-strong: #ffffff;
  --panel-hover: #e2ebf5;
  --chrome: #eef3f9f2;
  --chrome-strong: #eef3f9fa;

  --text: #3c4a5c;
  --text-strong: #0a1220;
  --chat-text: #3c4a5c;
  --muted: #6b7d92;
  --muted-strong: #55677c;
  --muted-foreground: #6b7d92;

  --border: #d3deea;
  --border-strong: #b0c4d8;
  --border-hover: #7fa6c8;
  --input: #dce6f1;
  --grid-line: #0077c80a;

  --accent: #0088dd;
  --accent-hover: #00a0f0;
  --accent-muted: #0088dd;
  --accent-subtle: #0088dd1f;
  --accent-foreground: #ffffff;
  --accent-glow: #0088dd4d;
  --ring: #0088dd;
  --focus: #0088dd4d;

  --primary: #0088dd;
  --primary-foreground: #ffffff;
  --secondary: #e3eaf3;
  --secondary-foreground: #0a1220;

  --accent-2: #00a3c8;
  --accent-2-muted: #00a3c8b3;
  --accent-2-subtle: #00a3c81a;

  --selection-bg: #0077c8;
  --selection-fg: #ffffff;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius: 8px;
}

/* ---------- 质感细节：蓝黑滚动条 / 光标 / 链接辉光 ---------- */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: #070a0f;
}
*::-webkit-scrollbar-thumb {
  background: #1b2a3d;
  border-radius: 8px;
  border: 2px solid #070a0f;
}
*::-webkit-scrollbar-thumb:hover {
  background: #3b6ea5;
}
:root[data-theme-mode="light"] *::-webkit-scrollbar-track {
  background: #eef3f9;
}
:root[data-theme-mode="light"] *::-webkit-scrollbar-thumb {
  background: #b6c8da;
  border-color: #eef3f9;
}

::selection {
  background: var(--selection-bg);
  color: var(--selection-fg);
}

/* 光标跟随主题的强调色（Chrome/Edge 深色可用） */
:root[data-theme-mode="dark"] * {
  caret-color: #6ff7ff;
}