/* Salient-inspired light theme with modern gradients */

/* Form Elements */
.form-input {
  @apply block w-full px-4 py-3 bg-white border border-gray-300 rounded-lg text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-cyan-500 focus:border-transparent transition shadow-sm;
}

.form-label {
  @apply block text-sm font-bold text-gray-700 mb-2;
}

.form-select {
  @apply block w-full px-4 py-3 bg-white border border-gray-300 rounded-lg text-gray-900 focus:ring-2 focus:ring-cyan-500 focus:border-transparent transition shadow-sm;
}

.form-textarea {
  @apply block w-full px-4 py-3 bg-white border border-gray-300 rounded-lg text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-cyan-500 focus:border-transparent transition shadow-sm;
}

/* Cards */
.card {
  @apply bg-white border border-gray-200 rounded-xl shadow-sm;
}

.card-header {
  @apply text-xl font-bold text-gray-900;
}

/* Buttons */
.btn-primary {
  @apply px-6 py-3 bg-gradient-to-r from-cyan-600 to-blue-600 text-white font-bold rounded-lg hover:from-cyan-500 hover:to-blue-500 transition cursor-pointer shadow-lg shadow-cyan-500/30;
}

.btn-secondary {
  @apply px-6 py-3 bg-gray-100 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-200 transition font-semibold;
}

.btn-danger {
  @apply px-6 py-3 bg-red-50 border border-red-200 text-red-700 rounded-lg hover:bg-red-100 transition font-semibold;
}

/* Utility Classes for consistent spacing */
.section-spacing {
  @apply space-y-6;
}