/* orchterm 디자인 토큰 — SSH UI 목업용(다크 기본, 실제 src/styles.css :root에서 추출).
   목업은 창 불투명도/알파 합성을 쓰지 않으므로 표면색을 불투명으로 단순화했다. */
:root {
  /* backgrounds (oklch, 옅은 한색 틴트) */
  --bg-0: oklch(0.165 0.006 264);   /* 앱 베이스 / 패널 뒤 */
  --bg-1: oklch(0.205 0.006 264);   /* 패널 본문 */
  --bg-2: oklch(0.235 0.007 264);   /* 헤더 / 띄운 행 */
  --bg-3: oklch(0.275 0.008 264);   /* 메뉴 / 팝오버 */
  --bg-hover: oklch(1 0 0 / 0.05);
  --bg-active: oklch(1 0 0 / 0.08);
  --bg-2-tint: color-mix(in oklch, var(--accent) 8%, var(--bg-2));

  /* lines */
  --line-faint: oklch(1 0 0 / 0.06);
  --line: oklch(1 0 0 / 0.10);
  --line-strong: oklch(1 0 0 / 0.16);

  /* text */
  --text-strong: oklch(0.97 0.004 264);
  --text: oklch(0.83 0.006 264);
  --text-dim: oklch(0.64 0.007 264);
  --text-faint: oklch(0.52 0.007 264);

  /* accent + status */
  --accent-h: 78;
  --accent: oklch(0.77 0.115 var(--accent-h));
  --accent-soft: oklch(0.77 0.115 var(--accent-h) / 0.16);
  --accent-line: oklch(0.77 0.115 var(--accent-h) / 0.5);
  --success: oklch(0.74 0.14 152);
  --attention: oklch(0.80 0.13 78);
  --danger: oklch(0.66 0.17 25);

  /* terminal accents */
  --term-green: oklch(0.80 0.15 142);
  --term-cyan: oklch(0.80 0.10 200);
  --term-amber: oklch(0.82 0.13 78);

  /* shape & rhythm */
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* type */
  --ui: "Zed Plex Sans", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;
  --code-font: "Zed Plex Mono", "D2Coding", Consolas, "Malgun Gothic", monospace;
  --fs-xs: 10.5px;
  --fs-sm: 11.5px;
  --fs-ui: 13px;
  --fs-md: 14px;
  --code-fs: 13px;

  /* elevation + motion */
  --shadow-pane: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.22);
  --shadow-pop: 0 10px 34px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--line);
  --tap: 200ms cubic-bezier(0.2, 0.7, 0.3, 1);

  /* 의미 별칭 */
  --bg: var(--bg-1);
  --bg-elev: var(--bg-2);
  --bg-menu: var(--bg-3);
  --border: var(--line);

  /* 실제 styles.css가 쓰는 파생/별칭 — 목업은 창 알파를 안 쓰므로 불투명으로 단순화 */
  --bg-0-a: var(--bg-0);
  --bg-1-a: var(--bg-1);
  --bg-2-a: var(--bg-2);
  --bg-2-tint-a: var(--bg-2-tint);
  --font-sm: var(--fs-sm);
  --font-ui: var(--fs-ui);
  --density: 1;
  --pane-gap: 7px;
  --selection-bg: oklch(1 0 0 / 0.24);
  --space-hue: var(--accent-h);
  --tab-hue: var(--accent-h);
}