style.css

/* Custom Arabic font stack */
@layer base {
    [dir="rtl"] {
        font-family: 'Tajawal', sans-serif;
    }
}

/* Smooth transitions */
@layer utilities {
    .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 200ms;
    }
}

/* Custom button styles */
.btn-primary {
    @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-lg transition-all;
}

.btn-secondary {
    @apply bg-gray-100 hover:bg-gray-200 text-gray-800 font-bold py-3 px-6 rounded-lg transition-all;
}

/* Input field styles */
.input-field {
    @apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all;
}