// ---------------------------------------------------------------

export const typography = {
  h1: {
    fontSize: "56px",
    lineHeight: "64px",
    fontWeight: 700,
  },
  h2: {
    fontSize: "44px",
    lineHeight: "56px",
    fontWeight: 700,
  },
  h3: {
    fontSize: "36px",
    lineHeight: "44px",
    fontWeight: 700,
  },
  h4: {
    fontSize: "32px",
    lineHeight: "40px",
    fontWeight: 600,
  },
  h5: {
    fontSize: "20px",
    lineHeight: "28px",
    fontWeight: 600,
  },
  h6: {
    fontSize: "16px",
    lineHeight: "20px",
    fontWeight: 600,
  },
  body1: {
    fontSize: "16px",
    lineHeight: "20px",
  },
  body2: {
    fontSize: "14px",
    lineHeight: "18px",
  },
  caption: {
    fontSize: "12px",
    lineHeight: "16px",
    fontWeight: 500,
  },
  button: {
    fontWeight: 500,
    lineHeight: "16px",
  },
};