/* Base RTL Styles & Tajawal Font */
:root {
  --primary-coral: #FF6B4A;
  --primary-coral-dark: #FA5B38;
  --accent-mint: #4EBA87;
  --bg-cream: #F9F6F0;
  --card-bg: #FFFFFF;
}

body {
  font-family: 'Tajawal', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Hide scrollbar for clean horizontal preset chips */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Gentle bounce animation for emojis */
@keyframes bounceShort {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

.animate-bounce-short {
  animation: bounceShort 2.2s infinite ease-in-out;
}

/* Gentle Spin */
@keyframes spinSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin-slow {
  animation: spinSlow 6s linear infinite;
}

/* Fade in for toast messages */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Custom Checkbox toggle transition */
input[type="checkbox"]:checked ~ div > div {
  transform: translateX(-0.875rem);
}

/* Textarea subtle smooth resizing */
textarea {
  min-height: 120px;
}

/* Native selection styling for touch */
button, a, label {
  user-select: none;
  -webkit-user-select: none;
}