/* Design tokens are defined in app/assets/tailwind/application.css (@theme block).
 * Do NOT duplicate @theme here — tailwind/application.css is the single source of truth.
 * This file is for non-Tailwind stylesheets only (e.g., ActionText). */

@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes philo-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(20px, -15px) scale(1.05); }
}

/* 가로 스크롤 캐러셀 스크롤바 숨김 */
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* 9강점 캐러셀 카드 폭 — Tailwind 분수 basis 미빌드 회피용 직접 정의 */
.way-card {
  flex: 0 0 82%;
  min-width: 0;
}
@media (min-width: 640px) {
  .way-card {
    flex: 0 0 33.3333%;
  }
}