html, body {
  font-family: "pinar";
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* iOS Safari color fixes */
input, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  -webkit-text-fill-color: currentColor;
}

/* Fix for iOS PWA text color issues */
* {
  -webkit-text-fill-color: unset;
}

/* Ensure proper text rendering on iOS */
p, span, div, input, textarea, button {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  opacity: 1;
}

/* Hide scrollbars across browsers */
.hide-scrollbar,
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar,
.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}

/* Highlight animation for messages */
@keyframes highlight-pulse {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--HIGHLIGHT_BLUE), 0.7);
  }
  70% {
    box-shadow: 0 0 0 20px hsla(var(--HIGHLIGHT_BLUE), 0);
  }
  100% {
    box-shadow: 0 0 0 0 hsla(var(--HIGHLIGHT_BLUE), 0);
  }
}

.highlight-message {
  animation: highlight-pulse 3s ease-in-out;
}
