/**
 * Bosaname Form Components
 */

/* Tabs / Pill Toggle (used for case study filters) */
.bosa-pill-tab {
  background-color: var(--bosa-canvas);
  color: var(--bosa-stone);
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  font-weight: 500;
  border-radius: var(--rounded-md);
  padding: 8px 16px;
  border: 1px solid var(--bosa-border);
  cursor: pointer;
  transition: all 0.2s ease;
}

.bosa-pill-tab:hover {
  background-color: var(--bosa-surface);
  color: var(--bosa-ink);
}

.bosa-pill-tab.active {
  background-color: var(--bosa-primary);
  color: var(--bosa-on-primary);
  border-color: var(--bosa-primary);
}