/* Capitulo ativo do Livro Interativo. O JS so escreve data-estado; esta folha
   vem depois do tailwind.css e define a cor nos dois temas. O texto do capitulo
   ativo usa blue-700 no claro (blue-300 media 1,6:1 sobre o fundo azul claro). */
.atividade-interactive-book .livro-cap-btn[data-estado="inativo"]       { color: #64748b; }
.atividade-interactive-book .livro-cap-btn[data-estado="inativo"]:hover { background: #f1f5f9; color: #334155; }
.atividade-interactive-book .livro-cap-btn[data-estado="ativo"]         { background: rgb(59 130 246 / 0.15); color: #1d4ed8; }

.dark .atividade-interactive-book .livro-cap-btn[data-estado="inativo"]:hover { background: #1e293b; color: #cbd5e1; }
.dark .atividade-interactive-book .livro-cap-btn[data-estado="ativo"]         { background: rgb(59 130 246 / 0.2); color: #93c5fd; }