* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #4361ee;
  --secondary: #7209b7;
  --success: #06ffa5;
  --warning: #f9c74f;
  --danger: #f94144;
  --dark: #1a1a2e;
  --light: #f8f9fa;
  --gray: #6c757d;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  --border-radius: 16px;
}

body {
  font-family: "Vazirmatn", Tahoma, sans-serif;
  background: linear-gradient(135deg, #667eea, #764ba2);
  direction: rtl;
  min-height: 100vh;
}

.app {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}

/* انیمیشن‌ها */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}