export default defineAppConfig({
  ui: {
    colors: {
      primary: 'teal',
      neutral: 'zinc'
    },

    // Card customizations with vibrant hover effect
    card: {
      slots: {
        root: 'hover:ring-2 hover:ring-teal-400/50 dark:hover:ring-teal-500/40 hover:shadow-lg hover:shadow-teal-500/10 transition-all duration-200'
      }
    },

    // Dashboard navbar with glass morphism
    dashboardNavbar: {
      slots: {
        root: 'bg-white/90 dark:bg-gray-950/90 backdrop-blur-xl border-b border-gray-200/50 dark:border-gray-800/50 transition-all duration-300',
        title: 'font-semibold text-gray-900 dark:text-white'
      }
    }
  }
})