/* ─── Tailwind Custom ──────────────────────────────────────────────────── */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ─── Custom Styles ────────────────────────────────────────────────────── */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
}

.nav-btn {
  transition: all 0.2s ease;
  color: #9ca3af;
}

.nav-btn.active {
  color: #4ade80;
}

.nav-btn:active {
  transform: scale(0.95);
}

/* Smooth page transitions */
.page {
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #1f2937;
}

::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 2px;
}

/* iOS safe area */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  #nav {
    padding-bottom: env(safe-area-inset-bottom);
  }
}