/* Chỉ dùng để override ngoài Tailwind khi cần thiết */

body {
  background: linear-gradient(180deg, #f5f4ff 0%, #f9faff 30%, #ffffff 60%);
  color: #241f38;
}

a {
  color: #5b3df0;
}
a:hover {
  color: #4f2fe0;
}

input[type='range'] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c5cff, #4f8cff);
  outline: none;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #7c5cff;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(76, 60, 140, 0.25);
}