/* ==========================================================================
   components.css — Botones y otros componentes reutilizables
   Kellington Labs
   ========================================================================== */

/* El original usa botones cuadrados (sin radio), sin borde visible,
   letter-spacing leve. Dos variantes: claro (sobre fondo oscuro) y
   oscuro (sobre fondo blanco, usado en el botón "Send" del formulario). */
.btn {
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: var(--fw-medium);
  font-size: 1.0625rem;
  letter-spacing: 0.02em;
  padding: 1.125rem 2rem;
  border: none;
  cursor: pointer;
  transition: opacity var(--transition);
}

.btn:hover { opacity: 0.85; }

.btn--light {
  background: var(--color-white);
  color: var(--color-btn-text);
}

.btn--dark {
  background: var(--color-black);
  color: var(--color-white);
}