/* Small custom styles that complement Tailwind's utility classes. */

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.35);
  border-radius: 9999px;
}

audio {
  border-radius: 9999px;
}

.dial-pad-key:active {
  transform: scale(0.96);
}

@keyframes toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.toast {
  animation: toast-in 0.18s ease-out;
}