export const themeConfig = {
    colors: {
        // Brand Colors
        primary: '#2563EB', // Vibrant Blue
        primaryForeground: '#FFFFFF',

        // UI Colors
        background: '#FFFFFF',
        foreground: '#0F172A', // Slate 900

        card: '#FFFFFF',
        cardForeground: '#0F172A',

        popover: '#FFFFFF',
        popoverForeground: '#0F172A',

        secondary: '#F1F5F9', // Slate 100
        secondaryForeground: '#0F172A',

        muted: '#F1F5F9',
        mutedForeground: '#64748B', // Slate 500

        accent: '#F1F5F9',
        accentForeground: '#0F172A',

        destructive: '#EF4444', // Red 500
        destructiveForeground: '#FFFFFF',

        border: '#E2E8F0', // Slate 200
        input: '#E2E8F0',
        ring: '#2563EB',
    },
    layout: {
        radius: {
            small: 4,
            medium: 8,
            large: 12,
            xl: 16,
            '2xl': 24,
            full: 9999,
        }
    }
} as const;