@import "tailwindcss";

:root {
  color-scheme: light dark;
}

body {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  background: radial-gradient(circle at top, rgba(99, 102, 241, 0.4), transparent 50%),
    radial-gradient(circle at 20% 20%, rgba(236, 72, 153, 0.2), transparent 45%),
    #020617;
  min-height: 100vh;
}

input,
button {
  font-family: inherit;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.6), rgba(147, 51, 234, 0.6));
  border-radius: 999px;
}