@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100&display=swap");
@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

body {
  font-family: "Inter", sans-serif;
}
@theme {
  --background: #171717;
  --foreground: #ffffff;
  --gray-primary: #666;
  --primary: #0164ff;
}

.gradient-text {
  @apply text-transparent bg-clip-text bg-[radial-gradient(circle,rgba(1,100,255,1)_0%,rgba(111,255,255,1)_100%)] w-fit text-6xl font-extrabold;
}

.Toastify__toast {
  padding: 10px !important;
  border-radius: 24px !important;
  font-family: inherit !important;
  display: flex !important;
  align-items: center !important;

  box-shadow: 0px 12px 34px 0px rgba(13, 10, 44, 0.05) !important;
}

.dark .Toastify__toast {
  box-shadow: 0 20px 25px -5px rgb(255 255 255 / 0.07),
    0 8px 10px -6px rgb(255 255 255 / 0.05) !important;
}

.Toastify__close-button {
  display: none;
}
.Toastify__close-button {
  display: none;
}

.Toastify__toast--success {
  background: linear-gradient(to bottom right, #82e6ac, #1a8245) !important;
}

.Toastify__toast--error {
  background: linear-gradient(to bottom right, #f89090, #e10e0e) !important;
}

.Toastify__toast--warning {
  background: linear-gradient(to bottom right, #f59e0b, #d97706) !important;
}

.Toastify__toast--info {
  background: linear-gradient(to bottom right, #8099ec, #1c3fb7) !important;
}