@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

@layer base {
  body {
    @apply font-sans bg-slate-50 text-slate-900 antialiased dark:bg-slate-950 dark:text-slate-100;
  }
}

/* Custom Scrollbar for a premium feel */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  @apply bg-slate-300 dark:bg-slate-800 rounded-full;
}

/* Fix for Preline transitions */
.hs-overlay-open\:translate-x-0 {
    --tw-translate-x: 0px !important;
}