/* SARA — Your AI Study Space
   Style direction: Deep Navy, Soft Blue, Off White, Ice Blue, Mint, Soft Coral.
   Modern + Minimal + Academic.
*/

:root {
  --font-arabic: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-arabic);
}

body {
  font-family: var(--font-arabic);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* Allow text selection inside study guides, notes and chats */
.selectable-text, .study-guide-content, .note-editor, .chat-bubble {
  user-select: text !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.6);
}

/* Active navigation states */
.nav-item.active {
  background: #E0F2FE;
  color: #0369A1;
  font-weight: 600;
}
.dark .nav-item.active {
  background: rgba(14, 165, 233, 0.15);
  color: #38BDF8;
}

.mobile-nav-btn.active {
  color: #0284C7;
  font-weight: 700;
}
.dark .mobile-nav-btn.active {
  color: #38BDF8;
}

/* Subtle Cards & Micro Shadows */
.study-card {
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03), 0 2px 6px -1px rgba(15, 23, 42, 0.02);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease;
}
.study-card:hover {
  box-shadow: 0 10px 28px -4px rgba(15, 23, 42, 0.06), 0 4px 10px -2px rgba(15, 23, 42, 0.03);
}

/* Animation utilities */
@keyframes fadeInScale {
  0% { opacity: 0; transform: scale(0.97) translateY(4px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

.animate-in {
  animation: fadeInScale 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Pulse soft ring for SARA thinking */
@keyframes saraPulse {
  0%, 100% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.06); opacity: 1; }
}
.sara-thinking {
  animation: saraPulse 1.6s ease-in-out infinite;
}

/* Touch targets */
button, input, select, textarea {
  touch-action: manipulation;
}