:root {
  --surface: #ffffff;
  --surface-soft: #f2f7fb;
  --canvas: #eaf1f6;
  --text: #1b2d3c;
  --muted: #607789;
  --accent: #2f78ad;
  --accent-hover: #1f5f91;
  --accent-soft: #e4f0f8;
  --line: #8fa8bb;
  --danger: #963e33;
  --danger-soft: #fff2ee;
  --success: #386c50;
  --radius: 3px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --text-small: 12px;
  --text-body: 13px;
  --text-heading: 18px;
  --layer-menu: 30;
  --layer-dialog: 100;
  --layer-feedback: 1000;
  --menu-bar-height: 28px;
}