// ==============================|| DOORMILE THEME - TYPOGRAPHY ||============================== //

const typography = {
  fontFamily: '"Public Sans", "Inter", "Helvetica", "Arial", sans-serif',
  htmlFontSize: 16,
  fontWeightLight: 300,
  fontWeightRegular: 400,
  fontWeightMedium: 500,
  fontWeightBold: 600,
  h1: { fontWeight: 700, fontSize: '2.375rem', lineHeight: 1.21 },
  h2: { fontWeight: 700, fontSize: '1.875rem', lineHeight: 1.27 },
  h3: { fontWeight: 600, fontSize: '1.5rem', lineHeight: 1.33 },
  h4: { fontWeight: 600, fontSize: '1.25rem', lineHeight: 1.4 },
  h5: { fontWeight: 600, fontSize: '1rem', lineHeight: 1.5 },
  h6: { fontWeight: 500, fontSize: '0.875rem', lineHeight: 1.57 },
  caption: { fontWeight: 400, fontSize: '0.75rem', lineHeight: 1.66 },
  body1: { fontSize: '0.875rem', lineHeight: 1.57 },
  body2: { fontSize: '0.75rem', lineHeight: 1.66 },
  subtitle1: { fontSize: '0.875rem', fontWeight: 600, lineHeight: 1.57 },
  subtitle2: { fontSize: '0.75rem', fontWeight: 500, lineHeight: 1.66 },
  overline: { fontSize: '0.6875rem', fontWeight: 600, letterSpacing: '0.08em', textTransform: 'uppercase' },
  button: { textTransform: 'capitalize', fontWeight: 600 }
};

export default typography;
