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

@layer base {
  *:focus-visible {
    @apply outline outline-offset-0 outline-indigo-200 ring-0;
  }

  html {
    scrollbar-gutter: stable;
  }

  * {
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }

  body:has(dialog[open]),
  body:has(.block-scrolling) {
    overflow: hidden;
  }

  dialog {
    max-width: 100vw;
    max-height: 100vh;
  }
}

:root {
  --swiper-navigation-size: 12px !important;
  --swiper-theme-color: #ffffff !important;
}