const typography = {
    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
    h1: {
        fontSize: '2.5rem',
        fontWeight: 500,
    },
    h2: {
        fontSize: '2rem',
        fontWeight: 500,
    },
    h3: {
        fontSize: '1.75rem',
        fontWeight: 400,
    },
    body1: {
        fontSize: '1rem',
        fontWeight: 400,
        lineHeight: 1.5,
    },
    body2: {
        fontSize: '0.875rem',
        fontWeight: 400,
        lineHeight: 1.43,
    },
    button: {
        fontWeight: 600,
        textTransform: 'uppercase',
    },
};

export default typography;
