:root {
  --p-surface: #ffffff;
  --p-surface-subdued: #f6f6f7;
  --p-surface-hover: #ebebeb;
  --p-border: #e1e3e5;
  --p-border-subdued: #f1f2f4;
  --p-text: #202223;
  --p-text-subdued: #6d7175;
  --p-action-primary: #008060;
  --p-action-primary-hover: #006e52;
  --p-critical: #d82c0d;
  --p-success-bg: #f1f8f5;
  --p-success-border: #c4e5d4;
  --p-critical-bg: #fdf2f2;
  --p-critical-border: #f8b4b4;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #f1f2f4;
  color: var(--p-text);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #c9cccf;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8c9196;
}