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

:root {
  --foreground-rgb: 0, 0, 0;
  --background-rgb: 255, 255, 255;
}

.dark {
  --foreground-rgb: 255, 255, 255;
  --background-rgb: 10, 10, 20;
}

body {
  color: rgb(var(--foreground-rgb));
  background: rgb(var(--background-rgb));
}

.prose {
  @apply max-w-none;
}

.prose h1,
.prose h2,
.prose h3 {
  @apply font-bold text-gray-800 dark:text-white;
}

.woocommerce-LoopProduct {
  @apply bg-white dark:bg-gray-800 rounded-lg shadow-md p-4 transition-transform hover:shadow-lg hover:scale-105;
}

.woocommerce-LoopProduct-link {
  @apply text-gray-800 dark:text-white font-semibold hover:text-purple-600;
}

.star-rating {
  @apply flex items-center space-x-1;
}

.product-price {
  @apply text-2xl font-bold text-purple-600 dark:text-purple-400 mt-2;
}

.add_to_cart_button {
  @apply w-full bg-purple-600 text-white font-medium py-2 px-4 rounded-lg transition-colors hover:bg-purple-700 mt-4;
}