body {
  font-family: 'Inter', sans-serif;
  background-color: #f9fafb;
  /* gray-50 */
  color: #111827;
}

input {
  font-size: 16px;
  transition: all 0.2s ease;
}

input::placeholder {
  color: #9ca3af;
  /* gray-400 */
}

.card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  /* gray-200 */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  /* shadow-sm */
}

button {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

button:active {
  transform: scale(0.97);
}

/* Hide scrollbar for clean look */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}