/* static/tailwind.css */
input, textarea, select, button {
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: 0.5rem;      /* rounded-lg */
  padding: 0.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Focus state using pink-600 */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #db2777; /* pink-600 */
  box-shadow: 0 0 0 2px rgba(219,39,119,0.3); /* pink glow */
}

/* Buttons using pink-600 */
button {
  background-color: #db2777; /* pink-600 */
  color: white;
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  transition: background-color 0.2s, transform 0.2s;
  cursor: pointer;
  border: none;
}

button:hover {
  background-color: #be185d; /* pink-700 */
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}