@import "tailwindcss";
@import "@nuxt/ui";

@plugin "@tailwindcss/typography";

@theme static {
  --animate-wave: wave 3s infinite
}

:root {
    --ui-black: #000000;
    --ui-bg-black: #0a0a0a;
    --ui-bg: #f8f8f8;

    --ui-font-family: 'DM Sans', sans-serif;
    transition-duration: 0.7s;
}

.dark {
    --ui-bg-white: #f8f8f8;
    --ui-bg-black: #0a0a0a;
    --ui-bg: #0a0a0a;

    --ui-font-family: 'DM Sans', sans-serif;
    transition-duration: 0.7s;
}

@keyframes wave {
    0%,
    50%,
    100% {
      transform: rotate(-12deg);
    }
    25%, 75% {
      transform: rotate(3deg) scale(1.5);
    }
  }