@import "./config";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@import "./utils/text";
@import "./tippy";

@layer base {
  :root {
    --app-height: 100%;
  }

  html {
    @apply font-body scroll-smooth motion-safe:scroll-auto text-content-dark-1;
  }

  a {
    @apply text-current underline underline-offset-2;
  }

  [x-cloak] {
    display: none !important;
  }

  [x-dropdown] {
    [x-dropdown\:content] {
      @apply hidden;
    }
  }
}