@import "tailwindcss";

@import "./typography.css";
@import "./palette.css";
@import "./animation.css";
@import "./scroll.css";

@plugin "tailwindcss-animate";

@layer base {
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  body {
    @apply bg-background font-poppins text-foreground text-body-default antialiased;
  }
}

@utility container {
  @apply mx-auto max-w-7xl px-4 sm:px-8;
}

@utility container-* {
  max-width: --value(--container-*);
  @apply mx-auto;
}