/* ============================================================
   Sistema Rodo Wall — Camada de Unificação Visual
   ------------------------------------------------------------
   Traz a linguagem visual do módulo Checklist (que ficou mais
   bonito) para o restante do sistema, SEM reescrever os CSS
   existentes. Carregada por último para ter precedência.
     · Títulos em Rajdhani (fonte de destaque do checklist)
     · Cards com elevação suave no hover
     · Botões e badges com acabamento consistente
   Usa os tokens de tema globais (respeita claro/escuro).
   ============================================================ */

/* ---------- Tipografia de destaque (Rajdhani, como no checklist) ---------- */
.hub-title, .hub-card-nome, .asec-title, .modal-title,
.grupos-add-title, .grupos-intro-title, .perms-intro-title,
.dash-card > h3, .dash-card .card-title, .tool-card h3{
  font-family:'Rajdhani','Montserrat',sans-serif !important;
  letter-spacing:.5px;
}

/* ---------- Cards: elevação e borda consistente no hover ---------- */
.hub-card, .dash-card, .aparencia-card, .tool-card, .grupos-add-card{
  transition:transform .25s cubic-bezier(.4,0,.2,1),
             box-shadow .25s cubic-bezier(.4,0,.2,1),
             border-color .25s ease;
}
.hub-card:hover, .dash-card:hover, .tool-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(2,13,63,.18);
  border-color:var(--border2);
}

/* ---------- Seções admin: cabeçalho com respiro ---------- */
.asec{ transition:border-color .2s ease; }
.asec-title{ font-size:15px; }

/* ---------- Botões primários: brilho sutil no hover (padrão checklist) ---------- */
.add-btn, .perms-btn-save, .tool-btn-export, .grupos-add-btn{
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.add-btn:hover, .perms-btn-save:hover, .tool-btn-export:hover, .grupos-add-btn:hover{
  filter:brightness(1.08); transform:translateY(-1px);
}

/* ---------- Badges/pílulas: leitura reforçada ---------- */
.grupo-badge, .pts-badge, .hub-card-tag{ font-weight:700; letter-spacing:.3px; }

/* ---------- Reforço de contraste em textos secundários ---------- */
/* Garante que rótulos e descrições nunca fiquem quase invisíveis,
   independentemente do tema (corrige "texto claro em fundo claro"). */
.hub-card-desc, .asec-title + *, .muted, .dim, small{
  color:var(--text2);
}
.hub-card-desc{ opacity:1; }