:root {
  --wapi-bg: #ffffff;
  --wapi-sidebar: #f9fafb;
  --wapi-border: #e5e7eb;
  --wapi-text: #111827;
  --wapi-muted: #6b7280;
  --wapi-primary: #2f6f4e;
  --wapi-primary-hover: #285e43;
  --wapi-primary-tint: #e8f3ed;
  --wapi-apply: #2f6f4e;
  --wapi-backup: #a16207;
  --wapi-avoid: #b91c1c;
  --wapi-consider: #6b7280;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.wapi-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.wapi-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.wapi-scrollbar::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 9999px;
}