/* Tailwind CSS - باید با CLI بیلد شود */
/* فعلاً از CDN استفاده می‌کنیم */
@import url('preflight.css');

/* رنگ‌های سفارشی */
:root {
    --brand-50: #f0fdf4;
    --brand-100: #dcfce7;
    --brand-200: #bbf7d0;
    --brand-300: #86efac;
    --brand-400: #4ade80;
    --brand-500: #22c55e;
    --brand-600: #16a34a;
    --brand-700: #15803d;
    --brand-800: #166534;
    --brand-900: #14532d;
    --brand-950: #052e16;
    
    --gold-50: #fffbeb;
    --gold-100: #fef3c7;
    --gold-200: #fde68a;
    --gold-300: #fcd34d;
    --gold-400: #fbbf24;
    --gold-500: #f59e0b;
    --gold-600: #d97706;
    --gold-700: #b45309;
    --gold-800: #92400e;
    --gold-900: #78350f;
}

/* کلاس‌های رنگی */
.bg-brand-50 { background-color: var(--brand-50); }
.bg-brand-100 { background-color: var(--brand-100); }
.bg-brand-900 { background-color: var(--brand-900); }
.bg-brand-950 { background-color: var(--brand-950); }
.bg-gold-50 { background-color: var(--gold-50); }
.bg-gold-100 { background-color: var(--gold-100); }
.bg-gold-600 { background-color: var(--gold-600); }

.text-brand-100 { color: var(--brand-100); }
.text-brand-200 { color: var(--brand-200); }
.text-brand-300 { color: var(--brand-300); }
.text-brand-400 { color: var(--brand-400); }
.text-brand-500 { color: var(--brand-500); }
.text-brand-600 { color: var(--brand-600); }
.text-brand-700 { color: var(--brand-700); }
.text-brand-800 { color: var(--brand-800); }
.text-brand-900 { color: var(--brand-900); }
.text-brand-950 { color: var(--brand-950); }

.text-gold-400 { color: var(--gold-400); }
.text-gold-500 { color: var(--gold-500); }
.text-gold-600 { color: var(--gold-600); }
.text-gold-700 { color: var(--gold-700); }

.fill-gold-500 { fill: var(--gold-500); }
.fill-stone-200 { fill: #e7e5e4; }

/* انیمیشن‌ها */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.float-animation { animation: float 3s ease-in-out infinite; }

/* الگوهای پس‌زمینه */
.hero-pattern {
    background-image: 
        radial-gradient(ellipse at 20% 50%, rgba(20, 83, 45, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(180, 83, 9, 0.1) 0%, transparent 50%);
}

.geometric-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2314532d' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* کارت‌ها */
.book-card:hover .book-cover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 20px 40px rgba(20, 83, 45, 0.2);
}
.book-cover { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(20, 83, 45, 0.12);
}
.category-card { transition: all 0.3s ease; }

/* اسکرول‌بار */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Toast */
.toast {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.toast.show {
    transform: translateY(0);
    opacity: 1;
}

/* منوی موبایل */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu.open { transform: translateX(0); }

.overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}
.overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* سبد خرید */
.cart-sidebar {
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.cart-sidebar.open { transform: translateX(0); }