body {
  font-family: 'Sora', 'Inter', sans-serif;
  background-color: #070b18;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(168, 85, 247, 0.18), transparent 42%),
    radial-gradient(circle at 80% 0%, rgba(34, 211, 238, 0.12), transparent 38%),
    radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: auto, auto, 16px 16px;
  color: #f8fafc;
  min-height: 100vh;
}

input,
select,
textarea {
  background-color: #0f1530;
  color: #f8fafc;
  border-color: rgba(255, 255, 255, 0.2);
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
}

/* Keep Chromium autofill consistent with dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #f8fafc;
  -webkit-box-shadow: 0 0 0 1000px #0f1530 inset;
  transition: background-color 5000s ease-in-out 0s;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #070b18;
}

::-webkit-scrollbar-thumb {
  background: #2a335f;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #22d3ee;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}