:root {
  --color-primary: #7ED214;
  --color-primary-hover: #71bc12;
  --color-secondary: #E6F3E4;
  --color-secondary-hover: #d9ecd6;
}

/* Tạo các class utility */
.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.bg-primary-hover:hover {
  background-color: var(--color-primary-hover) !important;
}

.bg-secondary-hover:hover {
  background-color: var(--color-secondary-hover) !important;
}

.text-primary-hover:hover {
  color: var(--color-primary-hover) !important;
}

.text-secondary-hover:hover {
  color: var(--color-secondary-hover) !important;
}