export const commonStyles = {
    // Container
    container: "container mx-auto px-4",
    
    // Section Headers
    sectionHeader: "text-center mb-16",
    sectionTitle: "text-3xl md:text-4xl font-bold text-gray-800 mb-4",
    sectionDivider: "w-24 h-1 bg-blue-600 mx-auto",
    
    // Cards
    card: "bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300",
    
    // Buttons
    primaryButton: "bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-full font-semibold transition-colors duration-300",
    secondaryButton: "bg-white/10 hover:bg-white/20 text-white px-8 py-3 rounded-full font-semibold transition-colors duration-300",
    
    // Gradients
    primaryGradient: "bg-gradient-to-r from-blue-900/90 to-blue-600/80",
    
    // Text
    heading1: "text-4xl md:text-6xl font-bold",
    heading2: "text-3xl md:text-4xl font-bold",
    heading3: "text-2xl font-semibold",
    paragraph: "text-gray-600"
  }