@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 {
  *, *::before, *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Inter', system-ui, sans-serif;
  }

  body {
    @apply bg-slate-100 text-slate-900;
    min-height: 100dvh;
  }

  /* Scrollbar */
  ::-webkit-scrollbar       { width: 6px; height: 6px; }
  ::-webkit-scrollbar-track { @apply bg-transparent; }
  ::-webkit-scrollbar-thumb { @apply rounded-full bg-slate-300; }
  ::-webkit-scrollbar-thumb:hover { @apply bg-slate-400; }
}

@layer utilities {
  .glass {
    @apply bg-white border border-slate-200 shadow-sm;
  }
}