@import 'headings.css';
@import 'cms-richtext.css';

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

@layer base {
  *:focus-visible {
    @apply outline-blue-600 outline-2 outline-offset-0;
  }

  html {
    scrollbar-gutter: stable;
  }

  * {
    font-family: 'CaseTT', '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 {
  /* Initial fallback value, will be updated dynamically */
  --so-header-height: 0px;
  --so-scroll-offset: 0px;

  --swiper-navigation-size: 12px !important;
  --swiper-theme-color: #ffffff !important;
  --saiz-widget-header-text-transform: uppercase;
}

html {
  scroll-padding-top: var(--so-scroll-offset);
}