@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --text-primary: #ececec;
  --text-secondary: #b4b4b4;
  --foreground-secondary: #171717;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
  @apply !bg-primary-lt dark:!bg-primary-dk;
}

h1 {
  font-size: 2.25rem;
  line-height: 1.25;
}

h2 {
  font-size: 1.875rem;
  line-height: 1.3;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.35;
}

::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #6b6b6b;
  border: 3px solid #ffffff;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}

.dark ::-webkit-scrollbar-track {
  background: #2c2c2f;
}

.dark ::-webkit-scrollbar-thumb {
  border: 3px solid #2c2c2f;
}

.chat-message li > p:first-child {
  margin-top: -23px;
}

.chat-message li > ul, .chat-message li > ol {
  margin-top: 10px;
}