:root {
  --canvas: #f4f5f8;
  --paper: #ffffff;
  --paper-muted: #eef0f4;
  --ink: #181a20;
  --ink-2: #4f5563;
  --ink-3: #747b8c;
  --line: #d9dde6;
  --line-strong: #bcc3d0;
  --blue: #2457d6;
  --blue-dark: #183d9d;
  --blue-soft: #eaf0ff;
  --coral: #e95846;
  --coral-soft: #fff0ed;
  --amber: #b96d08;
  --amber-soft: #fff3d8;
  --teal: #087f70;
  --teal-soft: #e7f7f3;
  --danger: #c93c3c;
  --radius-control: 4px;
  --radius-surface: 6px;
  --radius-dialog: 8px;
  --shadow-overlay: 0 18px 48px rgba(24, 26, 32, 0.16);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
}