body {
    font-family: 'Inter', sans-serif; /* A good default sans-serif font */
}

.card {
    background-color: #1f2937; /* gray-800 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #374151; /* gray-700 */
}

.card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}

.btn {
    @apply font-bold py-2 px-4 rounded transition duration-300;
}

.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700;
}

/* Custom styles for quantity input */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}