@tailwind base;
@tailwind components;
@tailwind utilities;

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

input[type="range"] { accent-color: #10b981; height: 8px; border-radius: 9999px; }

.card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgb(16 185 129 / 0.25); }

.modal { animation: modalPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
@keyframes modalPop { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: scale(1); } }