/* variables.css — CSS 变量（Light/Dark 主题） */

/* ═══ Light Theme (default) ═══ */
:root {
  --bg: #fbfcfd;
  --bg2: #ffffff;
  --bg3: #f4f5f7;
  --bg4: #eceef2;
  --border: #e5e7eb;
  --text: #111827;
  --text2: #6b7280;
  --text3: #9ca3af;
  --accent: #6B7A8D;
  --accent2: #7C8594;
  --accent-glow: rgba(107,122,141,0.10);
  --green: #7C8594;
  --orange: #f59e0b;
  --red: #ef4444;
  --pv-bg: #e8eaef;
  --frame-bg: #ffffff;
  /* Sub-Agent tints — deliberately distinct from --bg3 (main agent tool-card bg)
     so sub-agent blocks don't visually merge with main-agent tool cards. */
  --sa-bg: #fafbfd;
  --sa-inner: #f0f3f7;
}
/* ═══ Dark Theme ═══ */
[data-theme="dark"] {
  --bg: #0a0a0f;
  --bg2: #111118;
  --bg3: #1a1a24;
  --bg4: #22222e;
  --border: #2a2a3a;
  --text: #e8e8f0;
  --text2: #8888a0;
  --text3: #555568;
  --green: #9BA3B0;
  --orange: #fbbf24;
  --red: #f87171;
  --pv-bg: #0d0d12;
  --frame-bg: #111118;
  /* Sub-Agent tints (see light-mode comment above) — both lighter than --bg3
     in dark mode so sub-agent blocks pop out rather than merge. */
  --sa-bg: #1d1f2c;
  --sa-inner: #24263a;
}