/* ─────────────────────────────────────────────
   tokens.css — 디자인 원자 (변수만 정의)
   새 UI를 만들 때는 반드시 이 토큰을 조합할 것.
   ───────────────────────────────────────────── */
:root {
  /* 색 — 다크 프리미엄 팔레트 */
  --bg: #0b1220;
  --bg-deep: #08111d;
  --panel: #111827;
  --panel-2: #182235;
  --panel-glass: rgba(17, 24, 39, 0.82);
  --border: #2a3b59;
  --border-soft: #1e2b44;
  --text: #e6eef9;
  --muted: #97a6bf;
  --accent: #3ba7ff;
  --accent-deep: #177ad7;
  --good: #22c55e;
  --warn: #f59e0b;
  --danger: #ef4444;

  /* 노드 타입 색 (포트/헤더) */
  --node-input: #38bdf8;   /* 입력  */
  --node-logic: #a78bfa;   /* 가공·조건 */
  --node-output: #f472b6;  /* 출력  */

  /* 포트 데이터 종류 색 */
  --kind-number: #38bdf8;
  --kind-bool: #a78bfa;
  --kind-string: #fbbf24;
  --kind-any: #94a3b8;

  /* 간격 (8px 기반) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* 반경 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 9999px;

  /* 그림자 */
  --shadow-card: 0 14px 30px rgba(0, 0, 0, 0.24);
  --shadow-node: 0 8px 22px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 18px 44px rgba(0, 0, 0, 0.45);

  /* 서체 */
  --font-sans: Inter, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "D2Coding", ui-monospace, SFMono-Regular, Consolas, monospace;

  /* z-index 층 */
  --z-wires: 1;
  --z-nodes: 2;
  --z-node-drag: 3;
  --z-hint: 4;
  --z-toast: 100;

  /* 전환 */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}