/* TEMU SaaS design tokens — dark sidebar + light content */
:root {
  --sidebar-open: 216px;
  --sidebar-closed: 68px;
  --header-height: 58px;
  --context-height: 48px;
  --dock-height: 36px;

  --shell-sidebar-bg: #10151d;
  --shell-sidebar-border: #242a37;
  --shell-content-bg: #f3f5f8;
  --shell-surface: #ffffff;
  --shell-border: #dfe5ed;
  --shell-text: #172033;
  --shell-muted: #69768a;
  --shell-accent: #2b59d6;
  --shell-accent-soft: #eef3ff;

  --canvas: var(--shell-content-bg);
  --surface: var(--shell-surface);
  --ink: var(--shell-text);
  --muted: var(--shell-muted);
  --line: var(--shell-border);
  --line-strong: #cbd4df;
  --primary: var(--shell-accent);
  --primary-soft: var(--shell-accent-soft);
  --green: #18864b;
  --green-soft: #eaf8f0;
  --orange: #c76814;
  --orange-soft: #fff4e8;
  --red: #c53232;
  --red-soft: #fff0f0;

  --font-ui: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: Consolas, "SF Mono", "Cascadia Mono", monospace;
}

body {
  font-family: var(--font-ui);
}
.drawer-log,
.tasks-engine-log,
.log-area,
.aititle-log {
  font-family: var(--font-mono);
}