tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
                    },
                    colors: {
                        // Apple System Colors approximation in Tailwind
                        gray: {
                            50: '#F9FAFB',
                            100: '#F2F2F7', // System Gray 6
                            200: '#E5E5EA', // System Gray 5
                            300: '#D1D1D6', // System Gray 4
                            400: '#C7C7CC', // System Gray 3
                            500: '#AEAEB2', // System Gray 2
                            600: '#8E8E93', // System Gray
                            700: '#636366',
                            800: '#3A3A3C',
                            900: '#1C1C1E', // Label Color
                        },
                        blue: {
                            500: '#007AFF', // System Blue
                            600: '#0071EB',
                        },
                        red: {
                            500: '#FF3B30', // System Red
                        },
                        green: {
                            500: '#34C759', // System Green
                        },
                        primary: {
                            // Mapping primary to Apple Blue for backward compat
                            50: '#F0F9FF',
                            100: '#E0F2FE',
                            500: '#007AFF',
                            600: '#0066CC',
                            700: '#0052A3',
                        }
                    },
                    boxShadow: {
                        'apple': '0 4px 12px rgba(0,0,0,0.06)',
                        'apple-hover': '0 6px 16px rgba(0,0,0,0.1)',
                    }
                }
            }
        }