@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

body {
    font-family: 'Vazirmatn', sans-serif;
}

/* Custom RTL styles */
[dir="rtl"] .rtl\:text-right {
    text-align: right;
}

/* Animation for form inputs */
input:focus {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .min-h-screen {
        flex-direction: column-reverse;
    }
    .md\:w-1\/2 {
        width: 100%;
    }
}

/* Custom button hover effect */
button:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}