@import "tailwindcss";

/* 全局 UI 主题令牌(与 hub 端 uiTheme.ts 同源) */
@theme {
  --color-bg: #fcfcfb;
  --color-panel: #ffffff;
  --color-sidebar: #f7f7f5;
  --color-ink: #1a1a18;
  --color-ink-2: #6b6a66;
  --color-ink-3: #9c9b96;
  --color-line: #ecece8;
  --color-line-soft: #f1f1ee;
  --color-hover: #f4f4f1;
  --color-selected: #ebebe7;
  --color-accent: #1a1a18;
  --color-accent-hover: #333330;
  --color-danger: #a13a33;
  --color-guide: #e9e9e5;
  --color-diff-add-bg: #f3f6f2;
  --color-diff-add-text: #4a6741;
  --color-diff-del-bg: #f8f2f1;
  --color-diff-del-text: #a13a33;
}

html,
body,
#app {
  height: 100%;
}

body {
  background: var(--color-bg);
  color: var(--color-ink);
  font-family:
    "Inter",
    -apple-system,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    sans-serif;
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* diff 渲染 */
pre.diff {
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.75;
}
pre.diff .add {
  display: block;
  color: var(--color-diff-add-text);
  background: var(--color-diff-add-bg);
}
pre.diff .del {
  display: block;
  color: var(--color-diff-del-text);
  background: var(--color-diff-del-bg);
}
