export const Colors = {
    background: '#0D1117',
    surface: '#161B22',
    surfaceElevated: '#1C2333',
    border: '#2A3444',

    primary: '#1A6B3C',
    primaryLight: '#24A55A',
    accent: '#C9A84C',

    positive: '#24A55A',
    negative: '#E05252',
    warning: '#E0A84C',

    textPrimary: '#E6EDF3',
    textSecondary: '#8B949E',
    textMuted: '#484F58',
    textOnPrimary: '#FFFFFF',

    white: '#FFFFFF',
    transparent: 'transparent',
} as const;

export const Typography = {
    display: {
        fontFamily: 'DMSans_700Bold',
        fontSize: 52,
        lineHeight: 60,
        letterSpacing: -1.5,
    },
    h1: {
        fontFamily: 'DMSans_700Bold',
        fontSize: 28,
        lineHeight: 34,
        letterSpacing: -0.5,
    },
    h2: {
        fontFamily: 'DMSans_600SemiBold',
        fontSize: 20,
        lineHeight: 26,
        letterSpacing: -0.3,
    },
    bodyLarge: {
        fontFamily: 'DMSans_400Regular',
        fontSize: 17,
        lineHeight: 24,
    },
    body: {
        fontFamily: 'DMSans_400Regular',
        fontSize: 15,
        lineHeight: 22,
    },
    caption: {
        fontFamily: 'DMSans_400Regular',
        fontSize: 12,
        lineHeight: 16,
        letterSpacing: 0.3,
    },
    currencyLabel: {
        fontFamily: 'DMSans_300Light',
        fontSize: 24,
        lineHeight: 32,
        letterSpacing: -0.5,
    },
} as const;

export const Spacing = {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
    xxl: 48,
} as const;

export const Radius = {
    sm: 8,
    md: 12,
    lg: 16,
    xl: 24,
    full: 9999,
} as const;

export const Shadow = {
    card: {
        shadowColor: '#000',
        shadowOffset: { width: 0, height: 4 },
        shadowOpacity: 0.3,
        shadowRadius: 8,
        elevation: 8,
    },
    glow: {
        shadowColor: Colors.primary,
        shadowOffset: { width: 0, height: 0 },
        shadowOpacity: 0.4,
        shadowRadius: 16,
        elevation: 12,
    },
} as const;