export const typography = {
  display: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  display1: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  display2: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  title1: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  title2: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  title3: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  title4: {
    fontFamily: `"tt-commons-pro", sans-serif`,
    fontWeight: 600,
  },
  lead1: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 400,
  },
  lead2: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 400,
  },
  subtitle1: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 600,
  },
  subtitle2: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 600,
  },
  body1: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 400,
  },
  body2: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 400,
  },
  button1: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 700,
  },
  button2: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 700,
  },
  detail1: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 600,
  },
  detail2: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 400,
  },
  overline: {
    fontFamily: `"Barlow", sans-serif`,
    fontWeight: 600,
  },
};

export default typography;