/* Custom styles to supplement Tailwind CSS */

/* Keep using CDN for now but add some custom styles */
.bg-primary {
    background-color: #2563eb;
}

.text-primary {
    color: #2563eb;
}

.border-primary {
    border-color: #2563eb;
}

/* Custom form styles */
.form-input {
    @apply mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md;
}

/* Custom button styles */
.btn-primary {
    @apply bg-blue-600 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

.btn-secondary {
    @apply bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}