/* ==========================================================================
   Kyoma Journal — chip tag + chip kategori (dengan dukungan dark mode)
   Ganti public/css/kyoma-discover.css dengan file ini.
   ========================================================================== */

.chip {
  display: inline-block;
  font-size: .85rem;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--kj-stone);
  color: var(--kj-ink-soft);
  border: 1px solid var(--kj-line);
  transition: background .15s ease, color .15s ease;
}
.chip:hover {
  background: var(--kj-sage-deep);
  color: var(--kj-on-accent);
  border-color: transparent;
}
/* Chip aktif (mis. "Semua" di hero) */
.chip.on {
  background: var(--kj-sage-deep);
  color: var(--kj-on-accent);
  border-color: transparent;
}