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

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Exo', sans-serif;
  color: #202020;
}

::selection {
  background: #C8E600;
  color: #0A0B09;
}

.text-gradient {
  @apply bg-radial from-white to-[#E3FA6D] bg-clip-text text-transparent;
}

:root {
  --color-primary: #8AAB10;
}

@theme {
  --font-inter: 'Inter', sans-serif;
  --font-open-sans: 'Open Sans', sans-serif;
}