:root {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --ink: #142033;
  --muted: #627084;
  --muted-2: #8a96a8;
  --line: #dfe6ef;
  --line-strong: #c8d3e1;
  --brand: #0f766e;
  --brand-soft: #dff6f1;
  --blue: #2563eb;
  --blue-soft: #e8f0ff;
  --amber: #b7791f;
  --amber-soft: #fff3da;
  --red: #b42318;
  --red-soft: #ffe7e4;
  --green: #15803d;
  --green-soft: #e6f6ea;
  --purple: #6d28d9;
  --purple-soft: #f0e8ff;
  --shadow: 0 12px 34px rgba(21,32,51,0.08);
  --radius: 8px;
  --topnav-h: 48px;
  --chat-w: 380px;
}