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

@import "../libs/tippy";
@import "./utils/colors";
@import "./utils/icons";
@import "./components/tooltip";
@import "./components/dropdown";
@import "./components/coco";

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

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

  html.app-layout,
  html.app-layout body {
    width: 100vw;
    height: 100vh;
    height: var(—-app-height);
    overflow: hidden;
  }

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

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