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

@layer components {
  .store__btn-blue {
    @apply px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600;
  }

  .store__btn-red {
    @apply px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600;
  }

  .store__btn {
    @apply px-4 py-2 bg-[#1f6306] text-white rounded-full hover:bg-[#184d05];
  }

  .store__input {
    @apply w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500;
  }

  .store__label {
    @apply block text-sm font-medium text-gray-700 mb-1;
  }

  .store__container {
    @apply max-w-[1200px] mx-auto px-4;
  }
}