body {
    font-family: 'Inter', sans-serif;
    text-rendering: optimizeLegibility;
}

[dir="rtl"] body {
    font-family: 'Tajawal', sans-serif;
}

.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #f97316 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 4px;
}

.animate-in {
    animation-duration: 0.4s;
    animation-fill-mode: both;
}

.fade-in {
    animation-name: fade-in;
}

.slide-in-from-top {
    animation-name: slide-in-from-top;
}

.slide-in-from-right {
    animation-name: slide-in-from-right;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slide-in-from-top {
    from {
        opacity: 0;
        transform: translateY(-16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-in-from-right {
    from {
        opacity: 0;
        transform: translateX(16px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}