@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: dark;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(91, 140, 255, 0.12), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(61, 220, 151, 0.08), transparent 55%),
    #0a0e14;
  color: #d7e0ec;
  font-family: "Sora", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: #2b3a4f;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

@keyframes flash {
  from {
    background-color: rgba(91, 140, 255, 0.18);
  }
  to {
    background-color: transparent;
  }
}
.flash {
  animation: flash 0.6s ease-out;
}