/**
 * OncoPass - Configuração Global de Destaques (Highlights)
 * Este arquivo define os estilos visuais aplicados pelo motor do editor de texto.
 */

/* Classe base para todos os destaques */
.text-highlight {
    padding: 1px 0; /* Removido preenchimento lateral para evitar bordas excedentes */
    border-radius: 2px;
    font-weight: 600; /* Melhora a legibilidade sobre o fundo colorido */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* --- MODO CLARO (LIGHT MODE) --- */

/* Destaque: Amarelo */
.hl-yellow {
    background-color: #fef08a; /* Tailwind yellow-200 */
    color: #854d0e;            /* Tailwind yellow-900 */
}

/* Destaque: Verde */
.hl-green {
    background-color: #bbf7d0; /* Tailwind green-200 */
    color: #166534;            /* Tailwind green-900 */
}

/* --- MODO ESCURO (DARK MODE) --- */

/* Aplicado quando a classe .dark está presente no elemento pai (html/body) */
.dark .hl-yellow {
    background-color: rgba(234, 179, 8, 0.3); /* Amarelo translúcido */
    color: #fef08a;                           /* Texto amarelo claro */
    border-bottom: 1px solid rgba(234, 179, 8, 0.4); /* Linha sutil em vez de borda completa */
}

.dark .hl-green {
    background-color: rgba(34, 197, 94, 0.3); /* Verde translúcido */
    color: #bbf7d0;                           /* Texto verde claro */
    border-bottom: 1px solid rgba(34, 197, 94, 0.4);
}

/* Ajuste para seleção de texto dentro de elementos destacados */
.text-highlight::selection {
    background-color: rgba(0, 0, 0, 0.1);
}

.dark .text-highlight::selection {
    background-color: rgba(255, 255, 255, 0.2);
}