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

/* Custom styles for TCoachPilot */

@layer components {
  /* Chat message styles */
  .chat-message {
    @apply p-4 rounded-lg shadow-sm;
  }

  .chat-message-user {
    @apply bg-primary-50 border-l-4 border-primary-500;
  }

  .chat-message-assistant {
    @apply bg-gray-50 border-l-4 border-gray-400;
  }

  /* Button styles */
  .btn-primary {
    @apply text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none transition-colors;
  }

  .btn-secondary {
    @apply text-gray-900 bg-white border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none transition-colors;
  }

  /* Sidebar styles */
  .sidebar-link {
    @apply flex items-center p-2 text-gray-900 rounded-lg hover:bg-gray-100 group transition-colors;
  }

  .sidebar-link-active {
    @apply bg-primary-50 text-primary-700;
  }
}