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

/* Custom Base Styles */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply font-sans antialiased;
  }
}

/* Custom Component Styles */
@layer components {
  /* Arabic Text */
  .arabic-text {
    font-family: 'Scheherazade New', serif;
    font-size: 1.5em;
    line-height: 1.8;
    direction: rtl;
  }
}

/* Custom Utility Classes */
@layer utilities {
  /* Smooth Transitions */
  * {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}