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

h1, h2, h3 {
  font-weight: 700;
}

.container {
  max-width: 1200px;
}

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

.animate-fade-in {
  animation: fade-in 0.5s ease-out;
}

/* استایل‌های حالت تیره */
body.dark {
  background-color: #1f2937;
  color: #e5e7eb;
}

body.dark header {
  background-color: #1e40af;
}

body.dark footer {
  background-color: #111827;
}

body.dark #lesson-content {
  background-color: #374151;
}

body.dark .bg-white {
  background-color: #374151;
}

body.dark .text-gray-600 {
  color: #9ca3af;
}

body.dark .text-gray-700 {
  color: #d1d5db;
}

body.dark .text-red-500 {
  color: #f87171;
}

body.dark .bg-gray-100 {
  background-color: #111827;
}

/* استایل برای کدها */
pre {
  background-color: #f4f4f4;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  direction: ltr; /* کد چپ‌به‌راست */
  text-align: left; /* ترازبندی چپ */
}

body.dark pre {
  background-color: #2d3748;
}

code {
  font-family: 'Courier New', Courier, monospace;
  direction: ltr; /* کد چپ‌به‌راست */
}

.hljs {
  background: #f4f4f4;
  padding: 1rem;
  border-radius: 0.5rem;
  direction: ltr; /* کد چپ‌به‌راست */
}

body.dark .hljs {
  background: #2d3748;
}