@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: Gotham, '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;
  --saiz-widget-header-text-transform: uppercase;
}