@tailwind base;
@tailwind components;
@tailwind utilities;

/* Add your custom styles below the Tailwind directives */
/* Copy your custom styles from application.css here */

@layer components {
  /* Dot indicators under mobile swipe strips on photo essays */
  .swipe-dot {
    @apply w-2 h-2 rounded-full bg-gray-600 transition-colors;
  }
  .swipe-dot--active {
    @apply bg-white;
  }
}