:root {
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-text: #1a1a2e;
  --color-text-muted: #6c757d;
  --color-border: #dee2e6;
  --color-primary: #0066cc;
  --color-primary-hover: #0052a3;
  --color-danger: #dc3545;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-agent: #6f42c1;
  --color-human: #0d6efd;
  --color-agent-bg: #f3effc;
  --color-human-bg: #e8f0fe;
  --radius: 8px;
  --radius-sm: 4px;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --font-mono: 'SF Mono', ui-monospace, monospace;
  --max-width: 720px;
  --spacing: 1rem;
}