import { Colors } from './Colors';

export const Theme = {
    colors: Colors.light, // Default to light theme for now
    spacing: {
        xs: 4,
        s: 8,
        m: 16,
        l: 24,
        xl: 32,
        xxl: 48,
    },
    borderRadius: {
        s: 8,
        m: 12,
        l: 16,
        xl: 24,
        round: 9999,
    },
    typography: {
        fontFamily: {
            heading: 'System', // Placeholder
            body: 'System', // Placeholder
        },
        fontSize: {
            xs: 12,
            s: 14,
            m: 16,
            l: 20,
            xl: 24,
            xxl: 32,
        },
        fontWeight: {
            regular: '400' as const,
            medium: '500' as const,
            bold: '700' as const,
        },
    },
    shadows: {
        card: {
            shadowColor: '#000',
            shadowOffset: { width: 0, height: 2 },
            shadowOpacity: 0.05,
            shadowRadius: 8,
            elevation: 2,
        },
    },
};