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

:root {
  --font-sans: "Vazirmatn", "Inter", system-ui, sans-serif;
}

@layer base {
  html {
    font-family: var(--font-sans);
    -webkit-tap-highlight-color: transparent;
  }

  body {
    @apply bg-gray-50 text-gray-900 antialiased;
  }

  /* RTL-aware scrollbar */
  * {
    scrollbar-width: thin;
    scrollbar-color: theme(colors.gray.300) transparent;
  }
}

@layer utilities {
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
