// No need for a function, just a static object
export const typography = {
  fontFamily: ['iranyekan', 'sans-serif'].join(','),
  fontWeightRegular: 400,
  fontWeightMedium: 500,
  fontWeightBold: 700,

  h1: {
    fontWeight: 700,
    fontSize: '6rem', // 96px
    lineHeight: 1.17,
  },
  h2: {
    fontWeight: 700,
    fontSize: '3.75rem', // 60px
    lineHeight: 1.2,
  },
  h3: {
    fontWeight: 700,
    fontSize: '3rem', // 48px
    lineHeight: 1.17,
  },
  h4: {
    fontWeight: 700,
    fontSize: '2.125rem', // 34px
    lineHeight: 1.24,
  },
  h5: {
    fontWeight: 700,
    fontSize: '1.5rem', // 24px
    lineHeight: 1.35,
  },
  h6: {
    fontWeight: 700,
    fontSize: '1.25rem', // 20px
    lineHeight: 1.6,
  },
  subtitle1: {
    fontSize: '1rem', // 16px
    fontWeight: 500,
  },
  subtitle2: {
    fontSize: '.785rem', // 16px
    fontWeight: 500,
  },
  body1: {
    fontSize: '1rem', // 16px
    fontWeight: 400,
    lineHeight: 1.5,
  },
  body2: {
    fontSize: '0.875rem', // 14px
    fontWeight: 400,
    lineHeight: 1.5,
  },
  caption: {
    fontSize: '0.75rem', // 12px
    fontWeight: 400,
    lineHeight: 1.5,
  },
  overline: {
    fontSize: '0.75rem', // 12px
    fontWeight: 400,
  },
};
