@import "tailwindcss";
@import "swiper/css";
@import "swiper/css/navigation";
@import "swiper/css/pagination";

:root {
  --background: #ffffff;
  --foreground: #171717;
}
html {
  height: 100%;
}

body {
  background: var(--background);
  color: var(--foreground);
  height: 100%;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

.swiper-button-prev,
.swiper-button-next {
  @apply bg-black text-red-500 p-3 rounded-full z-10;
}

.group:hover .hover-gradient {
  background: linear-gradient(
    to bottom,
    rgba(0, 176, 155, 0.3),
    rgba(150, 201, 61, 0.6)
  );
}
