.data-link {
  cursor: pointer;
  text-decoration: none;
  transition: text-decoration 0.2s;
  color: var(--accent-primary); /* Am adaugat o culoare pentru a le scoate in evidenta */
  font-weight: 600;
}
.data-link:hover,
.data-link:focus {
  text-decoration: underline;
  color: var(--accent-primary-hover);
}

.highlight-red {
    background-color: #850101;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
}
.highlight-coral {
    background-color: rgba(255, 90, 95, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
}

.highlight-teal {
    background-color: rgba(0, 160, 146, 0.2); /* Folosește culoarea --color-teal-vibrant cu transparență */
    padding: 2px 6px;
    border-radius: 4px;
}