:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
}

::selection {
  background: #c7d2fe;
  color: #1e1b4b;
}

.gradient-text {
  background: linear-gradient(110deg, #2563eb 8%, #4f46e5 52%, #7c3aed 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gradient-button {
  background: linear-gradient(110deg, #2563eb, #4f46e5 55%, #7c3aed);
  box-shadow: 0 8px 20px rgb(79 70 229 / 20%);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.gradient-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgb(79 70 229 / 28%);
}

.card-hover {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgb(15 23 42 / 9%);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}