body {
  font-family: "Inter", sans-serif;
}
.loader {
  border-top-color: #3498db;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.annotated-essay {
  color: #1d4ed8; /* blue text */
}

/* 1. Irrelevance */
.annotation-irrelevance {
  /* font-weight: bold; */
  background-color: #dd72f0; /* Purple background */
  color: #4a148c; /* Purple text */
  padding: 1px 0;
}
.tag-irrelevance {
  font-weight: bold;
  color: #4a148c;
}

/* 2. Repetition */
.annotation-repetition {
  /* font-weight: bold; */
  background-color: #fff59d; /* Yellow background */
  padding: 1px 0;
}
.tag-synonym {
  font-weight: bold;
  color: #004d40; /* Dark Green */
}

/* 3. Spelling/Grammar Error */
.annotation-error {
  /* font-weight: bold; */
  text-decoration: line-through;
  color: #d32f2f;
}
.tag-correction {
  font-weight: bold;
  color: #388e3c; /* Green */
}

/* 4. Style/Vocab Improvement */
.annotation-style {
  /* font-weight: bold; */
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}
.tag-suggestion {
  font-weight: bold;
  color: #30ce00; /* Dark Green */
}