1  @import "tailwindcss";
 2  
 3  @config "../tailwind.config.js";
 4  
 5  /* Tailwind directives */
 6  @tailwind base;
 7  @tailwind components;
 8  @tailwind utilities;
 9  
10  /* In src/index.css or your main CSS file */
11  body {
12    @apply bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900
13      dark:to-gray-800;
14    min-height: 100vh; /* Ensure the gradient covers the entire viewport */
15  }
16  
17  .card {
18    @apply bg-white shadow-md rounded-lg p-4 dark:bg-gray-700 text-gray-900
19      dark:text-gray-100;
20  }
21  
22  .btn {
23    @apply px-4 py-2 rounded-md text-white bg-blue-600 hover:bg-blue-700
24      dark:bg-blue-700 dark:hover:bg-blue-800;
25  }