/* theme.css — base + animation dùng chung cho 3 trang (app-like mobile). */

:root {
  --color-primary: #0B3D2E;
}

* { -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Ẩn scrollbar cho cảm giác app */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Bottom sheet slide-up */
@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.animate-slide-up { animation: slideUp 0.25s ease-out; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: fadeIn 0.2s ease-out; }

/* Skeleton shimmer */
@keyframes shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } }
.skeleton {
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
  background-size: 400px 100%;
  animation: shimmer 1.2s infinite linear;
}