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

:root {
  --background-color: #262626;
  --primary-text-color: #c191ff;
  --info-label-color: #34cb9a;
  --info-value-color: #bdbdbd;
  --link-color: #bdbdbd;
  --link-hover-color: #c9a26d;
  --separator-color: #6c95eb;
}
body {
  background-color: var(--background-color);
  color: var(--primary-text-color);
  font-family: "JetBrains Mono", monospace;
}
.prompt {
  color: var(--prompt-color);
}
.info-label {
  color: var(--info-label-color);
}
.info-value {
  color: var(--info-value-color);
}
a {
  color: var(--link-color);
  text-decoration: underline;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.separator {
  color: var(--separator-color);
}
.title {
  color: var(--);
}
.username {
  color: #fff;
}
.hostname {
  color: #8bc34a;
}