/* ── Theme: CSS Variables for 4-panel layout ── */
:root {
  --bg0: #020b14;
  --bg1: #04111d;
  --bg2: #071b2d;
  --bg3: #0a263d;
  --border: rgba(127, 169, 200, 0.22);
  --border-strong: rgba(127, 169, 200, 0.38);
  --text: #e8f4ff;
  --text2: #a8c7dd;
  --text3: #6f91aa;
  --accent: #49c5ee;
  --accent2: #7fa9c8;
  --input: rgba(2, 13, 24, 0.88);
  --panel-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  --left-w: 292px;
  --graph-w: 540px;
  --right-w: 310px;
  --header-h: 44px;

  /* Causality type colors */
  --color-eca: #49c5ee;
  --color-factor: #5b8ff9;
  --color-cause: #ff6b6b;
  --color-effect: #51cf66;
  --color-condition: #fcc419;
  --color-intention: #cc5de8;
  --color-correlation: #845ef7;

  /* Sidebar tree */
  --tree-indent: 18px;
  --tree-line-color: rgba(73,197,238,0.18);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;
  background: var(--bg0);
  color: var(--text);
  font-size: 14px;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: inherit; }
input, textarea, select { font-family: inherit; }