/* ═══════════════════════════════════════════════════════════
   ActionFlow 공통 테마 토큰 (Single Source of Truth)
   runner / nodecreator 공용. 각 프로젝트 static/css/af-theme.css 로 배치하고
   각자의 CSS/HTML 보다 먼저 로드한다.

   변수 이름 호환: 일부 프로젝트가 --dock-title, 다른 곳이 --title 을 쓰므로
   두 이름을 동일 값으로 함께 정의한다(어느 쪽을 참조해도 동작).
   ═══════════════════════════════════════════════════════════ */
:root, html[data-theme="dark"] {
  --window:#2B2B2B; --base:#1E1E1E; --panel:#252526;
  --dock-title:#212121; --title:#212121; --toolbar:#2D2D2D;
  --text:#CCCCCC; --text-dim:#8A8A8A;
  --btn:#3C3C3C; --btn-hover:#4A4A4A; --line:#3A3A3A;
  --accent:#2A82DA; --warn:#E5A23C; --ok:#4CAF50; --err:#E5534B; --running:#4CAF50;
  --tree-cat:#232323; --grid:#2A2A2A; --node-body:#333842; --node-stroke:#4A4F5A; --edge:#7F8794;
}
html[data-theme="light"] {
  --window:#F3F3F3; --base:#FFFFFF; --panel:#EDEDED;
  --dock-title:#E2E2E2; --title:#E2E2E2; --toolbar:#E8E8E8;
  --text:#1E1E1E; --text-dim:#6B6B6B;
  --btn:#E0E0E0; --btn-hover:#D2D2D2; --line:#C8C8C8;
  --accent:#1A73E8; --warn:#C77700; --ok:#1E8E3E; --err:#C5221F; --running:#1E8E3E;
  --tree-cat:#E6E6E6; --grid:#E4E4E4; --node-body:#EDF1F7; --node-stroke:#A9B4C4; --edge:#7A8494;
}
html[data-theme="hc"] {
  --window:#FFFFFF; --base:#FFFFFF; --panel:#F2F2F2;
  --dock-title:#000000; --title:#000000; --toolbar:#F2F2F2;
  --text:#000000; --text-dim:#333333;
  --btn:#FFFFFF; --btn-hover:#E0E0E0; --line:#000000;
  --accent:#0B57D0; --warn:#8A5000; --ok:#0B6B2E; --err:#B3261E; --running:#0B6B2E;
  --tree-cat:#E8E8E8; --grid:#D0D0D0; --node-body:#FFFFFF; --node-stroke:#000000; --edge:#000000;
}
html[data-theme="nord"] {
  --window:#2E3440; --base:#272C36; --panel:#3B4252;
  --dock-title:#242933; --title:#242933; --toolbar:#333A47;
  --text:#ECEFF4; --text-dim:#9AA4B8;
  --btn:#434C5E; --btn-hover:#4C566A; --line:#434C5E;
  --accent:#88C0D0; --warn:#EBCB8B; --ok:#A3BE8C; --err:#BF616A; --running:#A3BE8C;
  --tree-cat:#2B313C; --grid:#333A47; --node-body:#3B4252; --node-stroke:#4C566A; --edge:#81A1C1;
}
html[data-theme="solarized"] {
  --window:#002B36; --base:#00252E; --panel:#073642;
  --dock-title:#00212B; --title:#00212B; --toolbar:#063540;
  --text:#EEE8D5; --text-dim:#93A1A1;
  --btn:#073642; --btn-hover:#0A4553; --line:#0A4553;
  --accent:#268BD2; --warn:#B58900; --ok:#859900; --err:#DC322F; --running:#859900;
  --tree-cat:#062F3A; --grid:#063540; --node-body:#073642; --node-stroke:#0A4553; --edge:#586E75;
}