:root {
  --bg: #eef2f6;
  --bg-deep: #e4eaf1;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-soft: #f7f9fc;
  --surface-blue: #edf4ff;
  --surface-cyan: #ecfbfe;
  --text: #1f2937;
  --text-strong: #0b1220;
  --muted: #667085;
  --muted-2: #98a2b3;
  --border: #dce3eb;
  --border-strong: #cbd5e1;
  --ink: #0b1220;
  --ink-2: #111827;
  --ink-3: #1f2937;
  --primary: #1464f4;
  --primary-hover: #0b53d7;
  --primary-soft: #eaf2ff;
  --secondary: #0ea5e9;
  --system: #06a8c7;
  --system-soft: #e8fafd;
  --ai: #7c3aed;
  --ai-soft: #f1ebff;
  --success: #138a5b;
  --success-soft: #eaf8f1;
  --warning: #b66a08;
  --warning-soft: #fff5df;
  --danger: #c33d3d;
  --danger-soft: #fff0ef;
  --info: #1464f4;
  --info-soft: #edf4ff;
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.04), 0 5px 14px rgba(11, 18, 32, 0.045);
  --shadow: 0 14px 34px rgba(15, 31, 54, 0.08);
  --shadow-lg: 0 30px 70px rgba(4, 15, 31, 0.22);
  --sidebar-width: 272px;
  --transition: 160ms ease;
}