:root {
  color-scheme: light;
  --bg: #f6f6f7;
  --surface: #fff;
  --surface-soft: #f1f2f3;
  --ink: #202223;
  --muted: #6d7175;
  --muted-strong: #45494d;
  --line: #dfe3e8;
  --blue: #2c6ecb;
  --blue-soft: #eaf4ff;
  --green: #008060;
  --green-soft: #e3f1df;
  --red: #d72c0d;
  --red-soft: #fff0ec;
  --amber: #876300;
  --shadow: 0 1px 2px rgba(32,34,35,.04);
  --radius: 9px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}