/* src/styles/global.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Light Mode Background */
body {
  background: linear-gradient(to bottom right, #ffe2a3a0, #ffffff, #ffe2a3a0);
}

/* Dark Mode Background */
body.dark {
  background: linear-gradient(to bottom right, #000000, #252f42, #0a1e41);
}
/* Dark Mode Toggle Button */
.dark-mode-toggle {
    @apply fixed top-4 right-4 bg-gray-200 dark:bg-gray-700 rounded-full flex items-center justify-center w-10 h-10 transition-colors;
  }
  
  /* Social Media Button Style */
  .social-button {
    @apply flex items-center px-4 py-2 bg-gray-800 text-white rounded-lg shadow-lg transition font-semibold space-x-2;
  }
  .social-button:hover {
    @apply bg-gray-700 dark:bg-gray-500;
  }