/* =============================================================================
   components.css — Botones, cards, tags, inputs, badges
   =============================================================================
   STUB DE FASE A — Será completado en Fase C con todos los componentes
   visuales reutilizables del sistema de diseño:
     - Botones (primario, secundario, ghost, icon)
     - Cards (DBC, evento, info, stat)
     - Tags y badges (estados, enfoques, territorios)
     - Inputs y campos de formulario
     - Filtros tipo pill
   ============================================================================= */

/* Botón base mínimo (placeholder funcional para la fase A) */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-base);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.btn-primary {
  background: var(--primary);
  color: var(--on-primary);
  box-shadow: 0 4px 16px var(--primary-a28);
}

.btn-primary:hover {
  background: var(--primary-dark);
  color: var(--on-primary);
  transform: translateY(-1px);
}

/* Card base mínimo */
.card {
  background: var(--surface-low);
  border: 1.5px solid var(--outline-variant);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  box-shadow: 0 2px 12px var(--shadow-surface);
}