/* ================= 主题变量：明 / 暗 / 跟随系统 ================= */

:root, [data-theme="light"] {
  --bg: #F7F8FA;
  --card: #FFFFFF;
  --header-bg: rgba(255, 255, 255, .88);
  --line: #E4E8EF;
  --hover: #F0F2F6;
  --text: #2B3445;
  --text-2: #5A6577;
  --text-3: #98A2B3;
  --accent: #FF8C42;      /* 暖橙 —— 小猫 */
  --accent-2: #2E86AB;    /* 冷蓝 —— 障碍/主操作 */
  --ok: #35A853;
  --danger: #E5484D;
  --toast-bg: rgba(43, 52, 69, .92);

  /* 棋盘配色 */
  --hex-empty: #FFFFFF;
  --hex-edge: #EDF1F6;
  --hex-stroke: #D6DDE7;
  --hex-obstacle: #2E86AB;
  --hex-obstacle-stroke: #23698a;
  --hex-hover: #2E86AB;
}

[data-theme="dark"] {
  --bg: #141821;
  --card: #1D2330;
  --header-bg: rgba(20, 24, 33, .88);
  --line: #2A3242;
  --hover: #263041;
  --text: #E8ECF3;
  --text-2: #A7B1C2;
  --text-3: #6C7787;
  --accent: #FF8C42;
  --accent-2: #3D9DC6;
  --ok: #4CC36A;
  --danger: #F2555A;
  --toast-bg: rgba(58, 66, 84, .95);

  --hex-empty: #263041;
  --hex-edge: #1E2634;
  --hex-stroke: #33405A;
  --hex-obstacle: #2E86AB;
  --hex-obstacle-stroke: #1f6d90;
  --hex-hover: #2E86AB;
}

/* 跟随系统 */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg: #F7F8FA;
    --card: #FFFFFF;
    --header-bg: rgba(255, 255, 255, .88);
    --line: #E4E8EF;
    --hover: #F0F2F6;
    --text: #2B3445;
    --text-2: #5A6577;
    --text-3: #98A2B3;
    --hex-empty: #FFFFFF;
    --hex-edge: #EDF1F6;
    --hex-stroke: #D6DDE7;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg: #141821;
    --card: #1D2330;
    --header-bg: rgba(20, 24, 33, .88);
    --line: #2A3242;
    --hover: #263041;
    --text: #E8ECF3;
    --text-2: #A7B1C2;
    --text-3: #6C7787;
    --accent-2: #3D9DC6;
    --hex-empty: #263041;
    --hex-edge: #1E2634;
    --hex-stroke: #33405A;
  }
}

/* 系统主题变化时自动刷新渲染器配色（main.js 监听） */