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

/* Weekly Plan Cards Custom Styles */
@layer components {
  .weekly-plan-card {
    @apply bg-white rounded-lg shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-1 flex flex-col w-full overflow-hidden;
    min-height: 420px;
  }

  .weekly-plan-card:hover .card-hover-content {
    @apply opacity-100;
  }

  .card-hover-content {
    @apply opacity-0 transition-opacity duration-200;
  }

  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}