* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family-base);
}

body {
  min-height: 100vh;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: var(--line-height-normal);
}

body .sidebar {
  top: 48px;
}

.content {
  margin-left: 48px;
  padding: 1.5rem;
  padding-top: calc(48px + 1.5rem);
}

::selection {
  background-color: var(--primary-100);
  color: var(--primary-900);
}

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

::-webkit-scrollbar-track {
  background-color: var(--gray-100);
}

::-webkit-scrollbar-thumb {
  background-color: var(--gray-400);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-500);
}