/**
 * PayProof Color Theme
 * Primary Color: #9F70FF (Purple)
 * تحديث الألوان لإضافة PayProof
 */

/* تحديث الألوان الأساسية */
:root {
    --primary-color: #9F70FF;
    --primary-dark: #7C3AED;
    --primary-light: #C4B5FD;
    --primary-lighter: #E9D5FF;
    --secondary-color: #A855F7;
}

/* Gradient Backgrounds */
.gradient-bg {
    background: linear-gradient(135deg, #9F70FF 0%, #7C3AED 100%) !important;
}

.gradient-bg-primary {
    background: linear-gradient(135deg, #9F70FF 0%, #A855F7 100%);
}

.gradient-bg-secondary {
    background: linear-gradient(135deg, #C4B5FD 0%, #9F70FF 100%);
}

.gradient-bg-combined {
    background: linear-gradient(-45deg, #9F70FF, #A855F7, #C4B5FD, #7C3AED, #9F70FF);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}

/* تحديث ألوان الأزرار */
.bg-primary-600 {
    background-color: #9F70FF !important;
}

.bg-primary-700 {
    background-color: #7C3AED !important;
}

.hover\:bg-primary-700:hover {
    background-color: #7C3AED !important;
}

.text-primary-600 {
    color: #9F70FF !important;
}

.text-primary-500 {
    color: #A855F7 !important;
}

.border-primary-600 {
    border-color: #9F70FF !important;
}

/* تحديث ألوان الروابط */
.hover\:text-primary-600:hover {
    color: #9F70FF !important;
}

/* تحديث ألوان البطاقات */
.feature-card:hover {
    border-color: #9F70FF !important;
    box-shadow: 0 20px 40px rgba(159, 112, 255, 0.1) !important;
}

/* تحديث ألوان التركيز */
.focus\:ring-primary-500:focus {
    --tw-ring-color: #A855F7 !important;
}

/* تحديث ألوان الأيقونات */
.text-blue-300,
.text-green-300,
.text-blue-500,
.text-green-500,
.text-blue-600,
.text-green-600 {
    color: #9F70FF !important;
}

.bg-blue-500,
.bg-green-500 {
    background-color: #9F70FF !important;
}

/* تحديث ألوان الحدود */
.border-blue-200,
.border-green-200 {
    border-color: #E9D5FF !important;
}

/* تحديث ألوان الخلفيات الفاتحة */
.bg-blue-50,
.bg-green-50 {
    background-color: #FAF5FF !important;
}

.bg-blue-100,
.bg-green-100 {
    background-color: #F3E8FF !important;
}

/* تحديث ألوان التدرجات في البطاقات */
.from-blue-50,
.from-green-50 {
    --tw-gradient-from: #FAF5FF !important;
}

.to-blue-100,
.to-green-100 {
    --tw-gradient-to: #F3E8FF !important;
}

.from-blue-500,
.from-green-500 {
    --tw-gradient-from: #9F70FF !important;
}

/* تحديث ألوان الشارات */
.bg-green-400,
.bg-blue-300 {
    background-color: #C4B5FD !important;
}

/* Animation */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* تحديث ألوان النصوص الخاصة */
.text-yellow-300 {
    color: #E9D5FF !important;
}

.text-purple-300 {
    color: #E9D5FF !important;
}

.text-purple-500 {
    color: #9F70FF !important;
}

.text-purple-600 {
    color: #9333EA !important;
}

.text-purple-700 {
    color: #7E22CE !important;
}

/* تحديث خلفيات بنفسجية */
.bg-purple-50 {
    background-color: #FAF5FF !important;
}

.bg-purple-500 {
    background-color: #9F70FF !important;
}

/* تحديث حدود بنفسجية */
.border-purple-200 {
    border-color: #E9D5FF !important;
}

/* تحديث ألوان الـ Hover للبطاقات */
.hover\:bg-purple-100:hover {
    background-color: #F3E8FF !important;
}

.hover\:border-purple-500:hover {
    border-color: #9F70FF !important;
}

/* إضافة تأثيرات للروابط */
a[href]:hover {
    transition: all 0.3s ease;
}

/* تحسين ألوان الأزرار الثانوية */
.bg-white.border-primary-600:hover {
    background-color: #FAF5FF !important;
}

/* تحديث scrollbar */
::-webkit-scrollbar-thumb {
    background: #9F70FF !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #7C3AED !important;
}